@gridsuite/commons-ui 0.238.0 → 0.240.0

package/dist/features/parameters/common/name-element-editor/name-element-editor-form.d.ts

@@ -5,4 +5,4 @@ export interface NameElementEditorFormProps {
     activeDirectory: UUID;
     elementType: ElementType;
 }
-export declare function NameElementEditorForm({ initialElementName, activeDirectory, elementType, }: Readonly<NameElementEditorFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NameElementEditorForm({ initialElementName, activeDirectory, elementType, }: Readonly<NameElementEditorFormProps>): import("react").JSX.Element;

package/dist/features/parameters/common/name-element-editor/name-element-editor-form.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2, Stack } from "@mui/material";
 import { DescriptionField } from "../../../../components/ui/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../../../../components/ui/reactHookForm/text/UniqueNameInput.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
@@ -12,8 +12,8 @@ function NameElementEditorForm({
   activeDirectory,
   elementType
 }) {
-  return /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, direction: "column", marginBottom: "8px", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, marginBottom: "8px", children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
       UniqueNameInput,
       {
         name: FieldConstants.NAME,
@@ -25,7 +25,7 @@ function NameElementEditorForm({
         fullWidth: false
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(DescriptionField, { expandingTextSx: filterStyles.description }) })
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(DescriptionField, { expandingTextSx: filterStyles.description }) })
   ] }) });
 }
 export {

package/dist/features/parameters/common/parameter-field.d.ts

@@ -11,5 +11,5 @@ interface ParameterFieldProps {
     }[] | string[];
     sx?: SxProps;
 }
-declare function ParameterField({ id, name, type, label, description, possibleValues, sx }: Readonly<ParameterFieldProps>): import("react/jsx-runtime").JSX.Element;
+declare function ParameterField({ id, name, type, label, description, possibleValues, sx }: Readonly<ParameterFieldProps>): import("react").JSX.Element;
 export default ParameterField;

package/dist/features/parameters/common/parameter-field.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Typography, Chip } from "@mui/material";
+import { Grid2, Typography, Chip } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
 import { parametersStyles } from "../parameters-style.js";
@@ -96,9 +96,9 @@ function ParameterField({ id, name, type, label, description, possibleValues, sx
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, children: /* @__PURE__ */ jsx(CustomTooltip, { title: description, children: /* @__PURE__ */ jsx(Typography, { sx: parametersStyles.parameterName, children: label ? /* @__PURE__ */ jsx(FormattedMessage, { id: label }) : name }) }, name) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: renderField() }),
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", size: 12, children: [
+    /* @__PURE__ */ jsx(Grid2, { size: 8, children: /* @__PURE__ */ jsx(CustomTooltip, { title: description, children: /* @__PURE__ */ jsx(Typography, { sx: parametersStyles.parameterName, children: label ? /* @__PURE__ */ jsx(FormattedMessage, { id: label }) : name }) }, name) }),
+    /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.controlItem, children: renderField() }),
     /* @__PURE__ */ jsx(LineSeparator, {})
   ] }, name);
 }

package/dist/features/parameters/common/parameter-table-field/parameter-table-field.d.ts

@@ -8,4 +8,4 @@ export type ParameterDndTableFieldProps = {
     isValidRow?: (rowData: FieldValues) => boolean;
     onChange?: () => void;
 } & Omit<DndTableProps, 'useFieldArrayOutput' | 'onChange' | 'onDelete'>;
-export declare function ParameterTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, onChange, isValidRow, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, onChange, isValidRow, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react").JSX.Element;

package/dist/features/parameters/common/parameter-table-field/parameter-table-field.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Typography } from "@mui/material";
+import { Grid2, Typography } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useFieldArray, useFormContext } from "react-hook-form";
 import { Info } from "@mui/icons-material";
@@ -84,8 +84,8 @@ function ParameterTableField({
     },
     [isValidRow, onChange]
   );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, children: [
-    label && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, sx: sxContainerProps, size: 12, children: [
+    label && /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
       /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
       tooltipProps && /* @__PURE__ */ jsx(
         CustomTooltip,

package/dist/features/parameters/common/parameters-creation-dialog.d.ts

@@ -9,5 +9,5 @@ interface CreateParameterProps<T extends FieldValues> {
     parameterType: ElementType;
     parameterFormatter: (newParams: any) => any;
 }
-export declare function CreateParameterDialog<T extends FieldValues>({ studyUuid, open, onClose, parameterValues, parameterType, parameterFormatter, }: Readonly<CreateParameterProps<T>>): import("react/jsx-runtime").JSX.Element | null;
+export declare function CreateParameterDialog<T extends FieldValues>({ studyUuid, open, onClose, parameterValues, parameterType, parameterFormatter, }: Readonly<CreateParameterProps<T>>): import("react").JSX.Element | null;
 export {};

package/dist/features/parameters/common/parameters.d.ts

@@ -4,17 +4,17 @@ interface LabelledButtonProps extends ButtonProps {
     callback: React.MouseEventHandler<HTMLButtonElement>;
     label: string;
 }
-export declare function LabelledButton({ callback, label, ...props }: Readonly<LabelledButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare function LabelledButton({ callback, label, ...props }: Readonly<LabelledButtonProps>): import("react").JSX.Element;
 interface SwitchWithLabelProps {
     value: boolean;
     label: string;
     callback?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
 }
-export declare function SwitchWithLabel({ value, label, callback }: Readonly<SwitchWithLabelProps>): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchWithLabel({ value, label, callback }: Readonly<SwitchWithLabelProps>): import("react").JSX.Element;
 interface TabPanelProps<T> extends TypographyProps {
     value: T;
     index: T;
     keepState?: boolean;
 }
-export declare function TabPanel<T>(props: PropsWithChildren<TabPanelProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanel<T>(props: PropsWithChildren<TabPanelProps<T>>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/parameters.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
-import { Typography, Box, Button, Grid, Switch } from "@mui/material";
+import { Typography, Box, Button, Grid2, Switch } from "@mui/material";
 import { parametersStyles } from "../parameters-style.js";
 function LabelledButton({ callback, label, ...props }) {
   return /* @__PURE__ */ jsx(Button, { onClick: callback, ...props, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) });
 }
 function SwitchWithLabel({ value, label, callback }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       Switch,
       {
         checked: value,

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table-cell.d.ts

@@ -3,4 +3,4 @@ export declare function CustomVoltageLevelTableCell({ formName, rowIndex, column
     formName: string;
     rowIndex: number;
     column: LimitReductionIColumnsDef;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table-row.d.ts

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

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table.d.ts

@@ -5,5 +5,5 @@ interface LimitReductionsTableProps {
     formName: string;
     limits?: ILimitReductionsByVoltageLevel[];
 }
-export declare function CustomVoltageLevelTable({ formName, columnsDefinition, tableHeight, limits, }: Readonly<LimitReductionsTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomVoltageLevelTable({ formName, columnsDefinition, tableHeight, limits, }: Readonly<LimitReductionsTableProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/widget/parameter-float.d.ts

@@ -7,4 +7,4 @@ export interface ParameterFloatProps {
     labelSize: number;
     inputSize: number;
 }
-export declare function ParameterFloat({ name, label, style, adornment, tooltip, labelSize, inputSize, }: Readonly<ParameterFloatProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterFloat({ name, label, style, adornment, tooltip, labelSize, inputSize, }: Readonly<ParameterFloatProps>): import("react").JSX.Element;

package/dist/features/parameters/common/widget/parameter-float.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
 import "@mui/icons-material";
@@ -40,9 +40,9 @@ function ParameterFloat({
   labelSize,
   inputSize
 }) {
-  const content = /* @__PURE__ */ jsxs(Grid, { item: true, container: true, direction: "row", spacing: 1, paddingTop: 3, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: labelSize, sx: style, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: inputSize, children: /* @__PURE__ */ jsx(FloatInput, { name, adornment }) })
+  const content = /* @__PURE__ */ jsxs(Grid2, { container: true, direction: "row", spacing: 1, paddingTop: 3, size: 12, children: [
+    /* @__PURE__ */ jsx(Grid2, { size: labelSize, sx: style, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid2, { size: inputSize, children: /* @__PURE__ */ jsx(FloatInput, { name, adornment }) })
   ] });
   if (tooltip) {
     return /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: tooltip }), children: content });

package/dist/features/parameters/common/widget/parameter-group.d.ts

@@ -7,5 +7,5 @@ type ParameterGroupProps = PropsWithChildren & {
     infoText?: string;
     unmountOnExit?: boolean;
 };
-export declare function ParameterGroup({ label, state, onClick, disabled, infoText, unmountOnExit, children, }: Readonly<ParameterGroupProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterGroup({ label, state, onClick, disabled, infoText, unmountOnExit, children, }: Readonly<ParameterGroupProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/widget/parameter-group.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Settings, ExpandCircleDown, ExpandMore } from "@mui/icons-material";
-import { Grid, Accordion, AccordionSummary, Typography, AccordionDetails } from "@mui/material";
+import { Grid2, Accordion, AccordionSummary, Typography, AccordionDetails } from "@mui/material";
 import { useState } from "react";
 import { FormattedMessage } from "react-intl";
 import { parametersStyles } from "../../parameters-style.js";
@@ -14,7 +14,7 @@ function ParameterGroup({
   children
 }) {
   const [mouseHover, setMouseHover] = useState(false);
-  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sx: parametersStyles.subgroupParameters, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Grid2, { size: 12, sx: parametersStyles.subgroupParameters, children: /* @__PURE__ */ jsxs(
     Accordion,
     {
       sx: parametersStyles.subgroupParametersAccordion,

package/dist/features/parameters/common/widget/parameter-line-directory-items-input.d.ts

@@ -12,5 +12,5 @@ type DirectoryItemsInputLineProps = {
     hideErrorMessage?: boolean;
     allowMultiSelect?: boolean;
 };
-export declare function ParameterLineDirectoryItemsInput({ label, name, equipmentTypes, elementType, hideErrorMessage, allowMultiSelect, }: Readonly<DirectoryItemsInputLineProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterLineDirectoryItemsInput({ label, name, equipmentTypes, elementType, hideErrorMessage, allowMultiSelect, }: Readonly<DirectoryItemsInputLineProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/widget/parameter-line-directory-items-input.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { parametersStyles } from "../../parameters-style.js";
 import "@mui/icons-material";
@@ -39,9 +39,9 @@ function ParameterLineDirectoryItemsInput({
   hideErrorMessage,
   allowMultiSelect = true
 }) {
-  return /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 1, paddingTop: 1, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 7, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, paddingTop: 1, paddingBottom: 1, size: 12, children: [
+    /* @__PURE__ */ jsx(Grid2, { size: 7, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid2, { size: 5, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
       DirectoryItemsInput,
       {
         name,

package/dist/features/parameters/common/widget/parameter-line-slider.d.ts

@@ -8,5 +8,5 @@ type SliderParameterLineProps = {
     minValue?: number;
     maxValue?: number;
 };
-export declare function ParameterLineSlider({ name, label, marks, disabled, minValue, maxValue, }: Readonly<SliderParameterLineProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterLineSlider({ name, label, marks, disabled, minValue, maxValue, }: Readonly<SliderParameterLineProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/widget/parameter-line-slider.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { parametersStyles } from "../../parameters-style.js";
 import "@mui/icons-material";
@@ -49,9 +49,9 @@ function ParameterLineSlider({
   minValue = 0,
   maxValue = 100
 }) {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: styles.container, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, sx: styles.container, children: [
+    /* @__PURE__ */ jsx(Grid2, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
       SliderInput,
       {
         name,

package/dist/features/parameters/common/widget/parameter-switch.d.ts

@@ -4,4 +4,4 @@ export interface ParameterSwitchProps extends Pick<SwitchProps, 'onChange'> {
     value: boolean;
     key?: string;
 }
-export declare function ParameterSwitch({ label, value, onChange, key }: Readonly<ParameterSwitchProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ParameterSwitch({ label, value, onChange, key }: Readonly<ParameterSwitchProps>): import("react").JSX.Element;

package/dist/features/parameters/common/widget/parameter-switch.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { SwitchWithLabel } from "../parameters.js";
 function ParameterSwitch({ label, value, onChange, key }) {
-  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", children: /* @__PURE__ */ jsx(SwitchWithLabel, { value, label, callback: onChange }) }, key);
+  return /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", children: /* @__PURE__ */ jsx(SwitchWithLabel, { value, label, callback: onChange }) }, key);
 }
 export {
   ParameterSwitch

package/dist/features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-form.d.ts

@@ -6,5 +6,5 @@ type DynamicMarginCalculationFormProps = {
     renderTitleFields?: () => ReactNode;
     renderActions?: (onSubmitError: (errors: FieldErrors) => void) => ReactNode;
 };
-export declare function DynamicMarginCalculationForm({ dynamicMarginCalculationMethods, renderTitleFields, renderActions, }: Readonly<DynamicMarginCalculationFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicMarginCalculationForm({ dynamicMarginCalculationMethods, renderTitleFields, renderActions, }: Readonly<DynamicMarginCalculationFormProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-form.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Tabs, Tab, LinearProgress } from "@mui/material";
+import { Stack, Grid2, Tabs, Tab, LinearProgress } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
@@ -55,9 +55,9 @@ function DynamicMarginCalculationForm({
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     renderTitleFields?.(),
-    paramsLoaded ? /* @__PURE__ */ jsxs(Grid, { container: true, sx: { height: "100%" }, direction: "column", children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders }) }),
-      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: onTabChange, "aria-label": "parameters", children: [
+    paramsLoaded ? /* @__PURE__ */ jsxs(Stack, { sx: { height: "100%" }, children: [
+      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders }) }),
+      /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: onTabChange, "aria-label": "parameters", children: [
         /* @__PURE__ */ jsx(
           Tab,
           {
@@ -76,10 +76,10 @@ function DynamicMarginCalculationForm({
         )
       ] }) }),
       /* @__PURE__ */ jsxs(
-        Grid,
+        Grid2,
         {
           container: true,
-          xs: true,
+          size: "grow",
           sx: mergeSx(parametersStyles.scrollableGrid, {
             paddingTop: 0,
             width: "100%"

package/dist/features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.d.ts

@@ -1,10 +1,10 @@
 import { UUID } from 'node:crypto';
 import { UseParametersBackendReturnProps } from '../../../utils/types/parameters.type';
-import { ComputingType } from '../common/computing-type';
+import { ComputingType } from '../../../utils';
 type DynamicMarginCalculationInlineProps = {
     studyUuid: UUID | null;
     parametersBackend: UseParametersBackendReturnProps<ComputingType.DYNAMIC_MARGIN_CALCULATION>;
     setHaveDirtyFields: (isDirty: boolean) => void;
 };
-export declare function DynamicMarginCalculationInline({ studyUuid, parametersBackend, setHaveDirtyFields, }: Readonly<DynamicMarginCalculationInlineProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicMarginCalculationInline({ studyUuid, parametersBackend, setHaveDirtyFields, }: Readonly<DynamicMarginCalculationInlineProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useState, useCallback, useEffect } from "react";
 import "../../../utils/conversionUtils.js";
@@ -104,8 +104,8 @@ function DynamicMarginCalculationInline({
   }, [formState, setHaveDirtyFields]);
   const renderActions = (onSubmitError) => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsxs(
-        Grid,
+      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsxs(
+        Grid2,
         {
           sx: mergeSx(parametersStyles.controlParametersItem, {
             paddingTop: 1,

package/dist/features/parameters/dynamic-margin-calculation/loads-variations-parameters.d.ts

@@ -26,4 +26,4 @@ export declare const emptyFormData: {
 };
 export default function LoadsVariationsParameters({ path }: Readonly<{
     path: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/dynamic-margin-calculation/loads-variations-parameters.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useIntl } from "react-intl";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import * as yup from "yup";
 import { LOADS_VARIATIONS, ACTIVE, VARIATION, LOAD_FILTERS, LOAD_MODELS_RULE, ACCURACY, CALCULATION_TYPE } from "./constants.js";
 import { ID } from "../../../utils/constants/filterConstant.js";
@@ -129,7 +129,7 @@ function LoadsVariationsParameters({ path }) {
       label: inlt.formatMessage({ id: colDef.label })
     }));
   }, [inlt]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
     params.map((param) => {
       const { name, type, ...otherParams } = param;
       return /* @__PURE__ */ jsx(ParameterField, { id: path, name: param.name, type: param.type, ...otherParams }, param.name);

package/dist/features/parameters/dynamic-margin-calculation/time-delay-parameters.d.ts

@@ -27,4 +27,4 @@ export declare const emptyFormData: {
 };
 export default function TimeDelayParameters({ path }: Readonly<{
     path: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/features/parameters/dynamic-margin-calculation/time-delay-parameters.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import * as yup from "yup";
 import { LOAD_INCREASE_STOP_TIME, LOAD_INCREASE_START_TIME, MARGIN_CALCULATION_START_TIME, STOP_TIME, START_TIME } from "./constants.js";
 import "../../../utils/conversionUtils.js";
@@ -49,7 +49,7 @@ const params = [
   }
 ];
 function TimeDelayParameters({ path }) {
-  return /* @__PURE__ */ jsx(Grid, { container: true, children: params.map((param) => {
+  return /* @__PURE__ */ jsx(Grid2, { container: true, children: params.map((param) => {
     const { name, type, ...otherParams } = param;
     return /* @__PURE__ */ jsx(ParameterField, { id: path, name: param.name, type: param.type, ...otherParams }, param.name);
   }) });

package/dist/features/parameters/dynamic-security-analysis/contingency-parameters.d.ts

@@ -6,5 +6,5 @@
  */
 declare function ContingencyParameters({ path }: Readonly<{
     path: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;
 export default ContingencyParameters;

package/dist/features/parameters/dynamic-security-analysis/contingency-parameters.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
-import "react-intl";
-import "react";
+import { Grid2 } from "@mui/material";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ParameterType } from "../../../utils/types/parameters.type.js";
 import "@mui/icons-material";
+import "react-intl";
+import "react";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -48,7 +48,7 @@ const params = [
   }
 ];
 function ContingencyParameters({ path }) {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, children: [
     params.map((param) => {
       const { name, type, ...otherParams } = param;
       return /* @__PURE__ */ jsx(ParameterField, { id: path, name: param.name, type: param.type, ...otherParams }, param.name);

package/dist/features/parameters/dynamic-security-analysis/dynamic-security-analysis-inline.d.ts

@@ -1,10 +1,10 @@
 import { UUID } from 'node:crypto';
 import { UseParametersBackendReturnProps } from '../../../utils/types/parameters.type';
-import { ComputingType } from '../common/computing-type';
+import { ComputingType } from '../../../utils';
 type DynamicSecurityAnalysisInlineProps = {
     studyUuid: UUID | null;
     parametersBackend: UseParametersBackendReturnProps<ComputingType.DYNAMIC_SECURITY_ANALYSIS>;
     setHaveDirtyFields: (isDirty: boolean) => void;
 };
-export declare function DynamicSecurityAnalysisInline({ studyUuid, parametersBackend, setHaveDirtyFields, }: Readonly<DynamicSecurityAnalysisInlineProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicSecurityAnalysisInline({ studyUuid, parametersBackend, setHaveDirtyFields, }: Readonly<DynamicSecurityAnalysisInlineProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useCallback, useEffect } from "react";
 import "../../../utils/conversionUtils.js";
@@ -81,8 +81,8 @@ function DynamicSecurityAnalysisInline({
   }, [formState, setHaveDirtyFields]);
   const renderActions = (onSubmitError) => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsxs(
-        Grid,
+      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsxs(
+        Grid2,
         {
           sx: mergeSx(parametersStyles.controlParametersItem, {
             paddingTop: 1,

package/dist/features/parameters/dynamic-security-analysis/dynamic-security-analysis-parameters-form.d.ts

@@ -6,5 +6,5 @@ type DynamicSecurityAnalysisParametersFormProps = {
     renderTitleFields?: () => ReactNode;
     renderActions?: (onSubmitError: (errors: FieldErrors) => void) => ReactNode;
 };
-export declare function DynamicSecurityAnalysisParametersForm({ dynamicSecurityAnalysisMethods, renderTitleFields, renderActions, }: Readonly<DynamicSecurityAnalysisParametersFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicSecurityAnalysisParametersForm({ dynamicSecurityAnalysisMethods, renderTitleFields, renderActions, }: Readonly<DynamicSecurityAnalysisParametersFormProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/dynamic-security-analysis/dynamic-security-analysis-parameters-form.js

@@ -1,14 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Tabs, Tab, LinearProgress } from "@mui/material";
+import { Stack, Grid2, Tabs, Tab, LinearProgress } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import ScenarioParameters from "./scenario-parameters.js";
 import ContingencyParameters from "./contingency-parameters.js";
-import { TabPanel } from "../common/parameters.js";
-import "react";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { mergeSx } from "../../../utils/styles.js";
+import { TabPanel } from "../common/parameters.js";
+import "react";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -55,9 +55,9 @@ function DynamicSecurityAnalysisParametersForm({
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     renderTitleFields?.(),
-    paramsLoaded ? /* @__PURE__ */ jsxs(Grid, { container: true, sx: { height: "100%" }, direction: "column", children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders }) }),
-      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: onTabChange, "aria-label": "parameters", children: [
+    paramsLoaded ? /* @__PURE__ */ jsxs(Stack, { sx: { height: "100%" }, children: [
+      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders }) }),
+      /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: onTabChange, "aria-label": "parameters", children: [
         /* @__PURE__ */ jsx(
           Tab,
           {
@@ -76,11 +76,10 @@ function DynamicSecurityAnalysisParametersForm({
         )
       ] }) }),
       /* @__PURE__ */ jsxs(
-        Grid,
+        Grid2,
         {
           container: true,
-          item: true,
-          xs: true,
+          size: "grow",
           sx: mergeSx(parametersStyles.scrollableGrid, {
             paddingTop: 0,
             width: "100%"

package/dist/features/parameters/dynamic-security-analysis/scenario-parameters.d.ts

@@ -6,5 +6,5 @@
  */
 declare function ScenarioParameters({ path }: Readonly<{
     path: string;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;
 export default ScenarioParameters;

package/dist/features/parameters/dynamic-security-analysis/scenario-parameters.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { SCENARIO_DURATION } from "./constants.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
@@ -14,7 +14,7 @@ const params = [
   }
 ];
 function ScenarioParameters({ path }) {
-  return /* @__PURE__ */ jsx(Grid, { container: true, children: params.map((param) => {
+  return /* @__PURE__ */ jsx(Grid2, { container: true, children: params.map((param) => {
     const { name, type, ...otherParams } = param;
     return /* @__PURE__ */ jsx(ParameterField, { id: path, name: param.name, type: param.type, ...otherParams }, param.name);
   }) });

package/dist/features/parameters/dynamic-simulation/curve/common/checkbox-select.d.ts

@@ -11,5 +11,5 @@ interface CheckBoxSelectProps {
     value: string[];
     disabled: boolean;
 }
-declare function CheckboxSelect({ options, getOptionLabel, onChange, value: initialSelectedOptions, disabled, }: Readonly<CheckBoxSelectProps>): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxSelect({ options, getOptionLabel, onChange, value: initialSelectedOptions, disabled, }: Readonly<CheckBoxSelectProps>): import("react").JSX.Element;
 export default CheckboxSelect;

package/dist/features/parameters/dynamic-simulation/curve/common/checkbox-treeview.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'react';
+import { default as React, Ref } from 'react';
 import { SxProps } from '@mui/material';
 export type ItemData = {
     id: string;
@@ -15,7 +15,7 @@ type CheckBoxTreeViewProps<TData extends ItemData = ItemData> = {
     getLabel: (element: TData) => string;
     sx?: SxProps;
 };
-declare function CheckboxTreeview<TData extends ItemData>({ data: items, checkAll, onSelectionChanged, getLabel, sx }: Readonly<CheckBoxTreeViewProps<TData>>, ref: Ref<CheckboxTreeviewApi<TData>>): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxTreeview<TData extends ItemData>({ data: items, checkAll, onSelectionChanged, getLabel, sx }: Readonly<CheckBoxTreeViewProps<TData>>, ref: Ref<CheckboxTreeviewApi<TData>>): React.JSX.Element;
 declare const _default: <TData extends ItemData>(props: CheckBoxTreeViewProps<TData> & {
     ref?: Ref<CheckboxTreeviewApi<TData>>;
 }) => ReturnType<typeof CheckboxTreeview>;

package/dist/features/parameters/dynamic-simulation/curve/common/grid-buttons.d.ts

@@ -4,5 +4,5 @@ interface GridButtonsProps {
     disabledAdd?: boolean;
     disabledDelete?: boolean;
 }
-export declare function GridButtons({ onAddButton, onDeleteButton, disabledAdd, disabledDelete }: Readonly<GridButtonsProps>): import("react/jsx-runtime").JSX.Element;
+export declare function GridButtons({ onAddButton, onDeleteButton, disabledAdd, disabledDelete }: Readonly<GridButtonsProps>): import("react").JSX.Element;
 export {};