@gridsuite/commons-ui 0.238.0 → 0.240.0

package/dist/components/ui/reactHookForm/directory-item-input/directory-item-input.d.ts

@@ -2,4 +2,4 @@ import { DirectoryItemSelectorProps } from '../../directoryItemSelector';
 export interface DirectoryItemSelectorInputProps extends Omit<DirectoryItemSelectorProps, 'onClose' | 'open'> {
     name: string;
 }
-export declare function DirectoryItemInput({ name, types, ...props }: Readonly<DirectoryItemSelectorInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DirectoryItemInput({ name, types, ...props }: Readonly<DirectoryItemSelectorInputProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/errorManagement/ErrorInput.d.ts

@@ -9,4 +9,4 @@ export interface ErrorInputProps {
         message: string | React.ReactNode;
     }) => React.ReactNode;
 }
-export declare function ErrorInput({ name, InputField }: ErrorInputProps): "" | import("react/jsx-runtime").JSX.Element | undefined;
+export declare function ErrorInput({ name, InputField }: ErrorInputProps): "" | React.JSX.Element | undefined;

package/dist/components/ui/reactHookForm/errorManagement/FieldErrorAlert.d.ts

@@ -2,4 +2,4 @@ import { default as React } from 'react';
 export interface FieldErrorAlertProps {
     message: string | React.ReactNode;
 }
-export declare function FieldErrorAlert({ message }: Readonly<FieldErrorAlertProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FieldErrorAlert({ message }: Readonly<FieldErrorAlertProps>): React.JSX.Element;

package/dist/components/ui/reactHookForm/errorManagement/FieldErrorAlert.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Grid, Alert } from "@mui/material";
+import { Grid2, Alert } from "@mui/material";
 function FieldErrorAlert({ message }) {
-  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: message }) });
+  return /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: message }) });
 }
 export {
   FieldErrorAlert

package/dist/components/ui/reactHookForm/errorManagement/MidFormError.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export type MidFormErrorProps = {
     message: string | ReactNode;
 };
-export declare function MidFormError({ message }: Readonly<MidFormErrorProps>): import("react/jsx-runtime").JSX.Element;
+export declare function MidFormError({ message }: Readonly<MidFormErrorProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/expandableInput/DeletableRow.d.ts

@@ -5,4 +5,4 @@ export interface DeletableRowProps extends PropsWithChildren {
     deletionMark?: boolean | null;
     disabledDeletion?: boolean | null;
 }
-export declare function DeletableRow({ alignItems, onClick, deletionMark, disabledDeletion, children, }: Readonly<DeletableRowProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DeletableRow({ alignItems, onClick, deletionMark, disabledDeletion, children, }: Readonly<DeletableRowProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/expandableInput/DeletableRow.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useIntl } from "react-intl";
-import { Grid, IconButton } from "@mui/material";
+import { Grid2, IconButton } from "@mui/material";
 import { RestoreFromTrash, Delete } from "@mui/icons-material";
 import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 function DeletableRow({
@@ -14,17 +14,17 @@ function DeletableRow({
   const intl = useIntl();
   const [isMouseHover, setIsMouseHover] = useState(false);
   return /* @__PURE__ */ jsxs(
-    Grid,
+    Grid2,
     {
       container: true,
       spacing: 2,
-      item: true,
+      size: 12,
       alignItems,
       onMouseEnter: () => setIsMouseHover(true),
       onMouseLeave: () => setIsMouseHover(false),
       children: [
         children,
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: isMouseHover && !disabledDeletion && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Grid2, { size: 1, children: isMouseHover && !disabledDeletion && /* @__PURE__ */ jsx(
           CustomTooltip,
           {
             title: intl.formatMessage({

package/dist/components/ui/reactHookForm/expandableInput/ExpandableInput.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useFieldArray } from "react-hook-form";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { forwardRef, useImperativeHandle } from "react";
 import { DeletableRow } from "./DeletableRow.js";
 import { ErrorInput } from "../errorManagement/ErrorInput.js";
@@ -40,8 +40,8 @@ const ExpandableInput = forwardRef(
       }),
       [append, replace]
     );
-    return /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: MidFormError }) }),
+    return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: MidFormError }) }),
       watchProps && values.map((value, idx) => /* @__PURE__ */ jsx(
         DeletableRow,
         {
@@ -58,7 +58,7 @@ const ExpandableInput = forwardRef(
         },
         value.id
       )),
-      addButtonLabel && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(AddButton, { disabled, onClick: () => append(initialValue), label: addButtonLabel }) })
+      addButtonLabel && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(AddButton, { disabled, onClick: () => append(initialValue), label: addButtonLabel }) })
     ] });
   }
 );

package/dist/components/ui/reactHookForm/numbers/FloatInput.d.ts

@@ -1,3 +1,3 @@
 import { TextInputProps } from '../text/TextInput';
 export type FloatInputProps = Omit<TextInputProps, 'outputTransform' | 'inputTransform' | 'acceptValue'>;
-export declare function FloatInput(props: FloatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatInput(props: FloatInputProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/numbers/IntegerInput.d.ts

@@ -1,2 +1,2 @@
 import { TextInputProps } from '../text/TextInput';
-export declare function IntegerInput(props: TextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function IntegerInput(props: TextInputProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/numbers/RangeInput.d.ts

@@ -37,5 +37,5 @@ interface RangeInputProps {
     name: string;
     label: string;
 }
-export declare function RangeInput({ name, label }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function RangeInput({ name, label }: RangeInputProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/numbers/RangeInput.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useWatch } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 import { useMemo } from "react";
-import { FormControl, InputLabel, Grid } from "@mui/material";
+import { FormControl, InputLabel, Grid2 } from "@mui/material";
 import * as yup from "yup";
 import { FloatInput } from "./FloatInput.js";
 import { MuiSelectInput } from "../selectInputs/MuiSelectInput.js";
@@ -51,8 +51,8 @@ function RangeInput({ name, label }) {
   const isOperationTypeRange = useMemo(() => watchOperationType === RangeType.RANGE.id, [watchOperationType]);
   return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
     /* @__PURE__ */ jsx(InputLabel, { sx: style.inputLegend, shrink: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 0, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, style: isOperationTypeRange ? { flex: "min-content" } : {}, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 0, children: [
+      /* @__PURE__ */ jsx(Grid2, { style: isOperationTypeRange ? { flex: "min-content" } : {}, children: /* @__PURE__ */ jsx(
         MuiSelectInput,
         {
           name: `${name}.${FieldConstants.OPERATION_TYPE}`,
@@ -60,7 +60,7 @@ function RangeInput({ name, label }) {
           fullWidth: true
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           label: "",
@@ -72,7 +72,7 @@ function RangeInput({ name, label }) {
           }
         }
       ) }),
-      isOperationTypeRange && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      isOperationTypeRange && /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: `${name}.${FieldConstants.VALUE_2}`,

package/dist/components/ui/reactHookForm/numbers/SliderInput.d.ts

@@ -3,4 +3,4 @@ export interface SliderInputProps extends SliderProps {
     name: string;
     onValueChanged?: (value: number | number[]) => void;
 }
-export declare function SliderInput({ name, min, max, step, size, marks, valueLabelDisplay, valueLabelFormat, onValueChanged, ...otherProps }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderInput({ name, min, max, step, size, marks, valueLabelDisplay, valueLabelFormat, onValueChanged, ...otherProps }: SliderInputProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/provider/CustomFormProvider.d.ts

@@ -12,5 +12,5 @@ type CustomFormContextProps<TFieldValues extends FieldValues = FieldValues> = {
 };
 export type MergedFormContextProps<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & CustomFormContextProps<TFieldValues>;
 export declare const CustomFormContext: import('react').Context<CustomFormContextProps<FieldValues>>;
-export declare function CustomFormProvider<TFieldValues extends FieldValues = FieldValues>(props: PropsWithChildren<MergedFormContextProps<TFieldValues>>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomFormProvider<TFieldValues extends FieldValues = FieldValues>(props: PropsWithChildren<MergedFormContextProps<TFieldValues>>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/readOnly/ButtonReadOnlyInput.d.ts

@@ -3,5 +3,5 @@ interface ButtonReadOnlyInputProps extends PropsWithChildren {
     name: string;
     isNumerical?: boolean;
 }
-export declare function ButtonReadOnlyInput({ name, isNumerical, children }: Readonly<ButtonReadOnlyInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonReadOnlyInput({ name, isNumerical, children }: Readonly<ButtonReadOnlyInputProps>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/readOnly/ReadOnlyInput.d.ts

@@ -8,5 +8,5 @@ interface ReadOnlyInputProps {
     name: string;
     isNumerical?: boolean;
 }
-export declare function ReadOnlyInput({ name, isNumerical }: Readonly<ReadOnlyInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ReadOnlyInput({ name, isNumerical }: Readonly<ReadOnlyInputProps>): import("react").JSX.Element;
 export default ReadOnlyInput;

package/dist/components/ui/reactHookForm/selectInputs/CountriesInput.d.ts

@@ -3,4 +3,4 @@ export interface CountryInputProps {
     label: string;
     dataTestId?: string;
 }
-export declare function CountriesInput({ name, label, dataTestId }: Readonly<CountryInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CountriesInput({ name, label, dataTestId }: Readonly<CountryInputProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/selectInputs/EnumInput.d.ts

@@ -14,5 +14,5 @@ interface EnumInputProps<T> {
 export declare function EnumInput<T extends {
     id: string;
     label: string;
-}>({ options, name, label, size, labelValues, }: Readonly<EnumInputProps<T>>): import("react/jsx-runtime").JSX.Element;
+}>({ options, name, label, size, labelValues, }: Readonly<EnumInputProps<T>>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/selectInputs/InputWithPopupConfirmation.d.ts

@@ -1,3 +1,3 @@
 export declare function InputWithPopupConfirmation({ Input, name, shouldOpenPopup, // condition to open popup confirmation
 resetOnConfirmation, // function to reset values in your form on confirmation,
-message, validateButtonLabel, ...props }: any): import("react/jsx-runtime").JSX.Element;
+message, validateButtonLabel, ...props }: any): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/selectInputs/MuiSelectInput.d.ts

@@ -6,4 +6,4 @@ export type MuiSelectInputProps = SelectProps & {
         label: string;
     }[] | string[];
 };
-export declare function MuiSelectInput({ name, options, ...props }: MuiSelectInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function MuiSelectInput({ name, options, ...props }: MuiSelectInputProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/selectInputs/SelectInput.d.ts

@@ -4,4 +4,4 @@ export interface SelectInputProps extends Omit<AutocompleteInputProps, 'outputTr
     options: Option[];
     onCheckNewValue?: (value: Option | null) => boolean;
 }
-export declare function SelectInput(props: SelectInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectInput(props: SelectInputProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/selectInputs/SelectWithConfirmationInput.d.ts

@@ -5,5 +5,5 @@ interface SelectWithConfirmationInputProps {
     getOptionLabel?: (option: string) => string;
     label: string;
 }
-export declare function SelectWithConfirmationInput({ name, options, onValidate, getOptionLabel, label, }: Readonly<SelectWithConfirmationInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectWithConfirmationInput({ name, options, onValidate, getOptionLabel, label, }: Readonly<SelectWithConfirmationInputProps>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/tableInputs/table-numerical-input.d.ts

@@ -10,4 +10,4 @@ export interface TableNumericalInputProps extends StandardTextFieldProps {
     isClearable?: boolean;
     hideErrorMessage?: boolean;
 }
-export declare function TableNumericalInput({ name, style, inputProps, previousValue, valueModified, adornment, isClearable, hideErrorMessage, ...props }: Readonly<TableNumericalInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TableNumericalInput({ name, style, inputProps, previousValue, valueModified, adornment, isClearable, hideErrorMessage, ...props }: Readonly<TableNumericalInputProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/tableInputs/table-text-input.d.ts

@@ -4,5 +4,5 @@ interface TableTextInputProps {
     hideErrorMessage?: boolean;
     inputProps?: InputBaseComponentProps;
 }
-export declare function TableTextInput({ name, hideErrorMessage, inputProps, ...props }: Readonly<TableTextInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TableTextInput({ name, hideErrorMessage, inputProps, ...props }: Readonly<TableTextInputProps>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/text/DescriptionField.d.ts

@@ -4,4 +4,4 @@ export interface DescriptionFieldProps {
     maxCharactersNumber?: number;
     rows?: number;
 }
-export declare function DescriptionField({ expandingTextSx, maxCharactersNumber, rows, }: Readonly<DescriptionFieldProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionField({ expandingTextSx, maxCharactersNumber, rows, }: Readonly<DescriptionFieldProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/text/DescriptionInput.d.ts

@@ -1,4 +1,4 @@
 export type DescriptionInputProps = {
     name: string;
 };
-export declare function DescriptionInput({ name }: Readonly<DescriptionInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionInput({ name }: Readonly<DescriptionInputProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/text/ExpandingTextField.d.ts

@@ -9,4 +9,4 @@ export interface ExpandingTextFieldProps extends TextInputProps {
     label?: string;
     textFieldFormProps?: TextFieldProps;
 }
-export declare function ExpandingTextField({ name, maxCharactersNumber, rows, minRows, sx, label, textFieldFormProps, ...otherTexFieldProps }: ExpandingTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandingTextField({ name, maxCharactersNumber, rows, minRows, sx, label, textFieldFormProps, ...otherTexFieldProps }: ExpandingTextFieldProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/text/TextInput.d.ts

@@ -29,4 +29,4 @@ inputTransform, // transform react hook form value before sending it to material
 acceptValue, // used to check user entry before committing the input change, used mostly to prevent user from typing a character in number field
 onChange, // method called when input value changed, if you want to manually trigger validation for example (do not update the form here unless you know what you do, it's already done by RHF)
 previousValue, clearable, formProps, disabledTooltip, // In case we don't want to show tooltip on the value and warning/info icons
-disabled, dataTestId, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+disabled, dataTestId, }: TextInputProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/text/UniqueNameInput.d.ts

@@ -18,4 +18,4 @@ export interface UniqueNameInputProps {
 /**
  * Input component that constantly checks if the field's value is available or not
  */
-export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, currentName, isPrefilled, activeDirectory, sx, fullWidth, }: Readonly<UniqueNameInputProps>): import("react/jsx-runtime").JSX.Element;
+export declare function UniqueNameInput({ name, label, elementType, autoFocus, onManualChangeCallback, formProps, currentName, isPrefilled, activeDirectory, sx, fullWidth, }: Readonly<UniqueNameInputProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/CancelButton.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '@mui/material';
-export declare function CancelButton(inProps: Readonly<Omit<ButtonProps, 'children'>>): import("react/jsx-runtime").JSX.Element;
+export declare function CancelButton(inProps: Readonly<Omit<ButtonProps, 'children'>>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/FieldLabel.d.ts

@@ -9,4 +9,4 @@ export type FieldLabelProps = {
     optional?: boolean;
     values?: any;
 };
-export declare function FieldLabel({ label, optional, values }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldLabel({ label, optional, values }: FieldLabelProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/HelperPreviousValue.d.ts

@@ -5,4 +5,4 @@ export interface HelperPreviousValueProps {
     disabledTooltip?: boolean;
     adornmentText?: string;
 }
-export declare function HelperPreviousValue({ previousValue, isNodeBuilt, disabledTooltip, adornmentText, }: Readonly<HelperPreviousValueProps>): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function HelperPreviousValue({ previousValue, isNodeBuilt, disabledTooltip, adornmentText, }: Readonly<HelperPreviousValueProps>): import("react").JSX.Element | undefined;

package/dist/components/ui/reactHookForm/utils/SubmitButton.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '@mui/material';
-export declare function SubmitButton(buttonProps: Readonly<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitButton(buttonProps: Readonly<ButtonProps>): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/TextFieldWithAdornment.d.ts

@@ -6,4 +6,4 @@ export type TextFieldWithAdornmentProps = TextFieldProps & {
     adornmentText?: string;
     handleClearValue?: () => void;
 };
-export declare function TextFieldWithAdornment(props: TextFieldWithAdornmentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextFieldWithAdornment(props: TextFieldWithAdornmentProps): import("react").JSX.Element;

package/dist/components/ui/reactHookForm/utils/functions.d.ts

@@ -1,12 +1,12 @@
 import { ReactElement } from 'react';
 export declare function genHelperError(...errors: any[]): {
     error: boolean;
-    helperText: import("react/jsx-runtime").JSX.Element;
+    helperText: import("react").JSX.Element;
 } | {
     error?: undefined;
     helperText?: undefined;
 };
 export declare function identity(x: any): any;
 export declare const isFieldRequired: (fieldName: string, schema: any, values: unknown) => boolean;
-export declare const gridItem: (field: string | ReactElement, size?: number) => import("react/jsx-runtime").JSX.Element;
+export declare const gridItem: (field: string | ReactElement, size?: number) => import("react").JSX.Element;
 export declare const toFloatOrNullValue: (value: string) => number | "-" | null;

package/dist/components/ui/reactHookForm/utils/functions.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
 import { getIn } from "yup";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 function genHelperError(...errors) {
   const inError = errors.find((e) => e);
   if (inError) {
@@ -20,7 +20,7 @@ const isFieldRequired = (fieldName, schema, values) => {
   return fieldSchema.describe({ parent: parentValues })?.optional === false;
 };
 const gridItem = (field, size = 6) => {
-  return /* @__PURE__ */ jsx(Grid, { item: true, xs: size, alignItems: "start", children: field });
+  return /* @__PURE__ */ jsx(Grid2, { size, sx: { alignItems: "start" }, children: field });
 };
 const toFloatOrNullValue = (value) => {
   if (value === "-") {

package/dist/components/ui/resizablePanels/ResizeHandle.d.ts

@@ -4,5 +4,5 @@ interface ResizeHandleProps {
     rotated?: boolean;
     style?: (theme: Theme) => React.CSSProperties;
 }
-export declare function ResizeHandle({ visible, rotated, style }: Readonly<ResizeHandleProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ResizeHandle({ visible, rotated, style }: Readonly<ResizeHandleProps>): import("react").JSX.Element;
 export default ResizeHandle;

package/dist/components/ui/snackbarProvider/SnackbarProvider.d.ts

@@ -1,2 +1,2 @@
 import { SnackbarProviderProps } from 'notistack';
-export declare function SnackbarProvider(props: SnackbarProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnackbarProvider(props: SnackbarProviderProps): import("react").JSX.Element;

package/dist/components/ui/tablepagination/custom-table-pagination.d.ts

@@ -2,5 +2,5 @@ import { TablePaginationProps } from '@mui/material';
 type CustomTablePaginationProps = TablePaginationProps & {
     labelRowsPerPageId?: string;
 };
-export declare function CustomTablePagination(props: CustomTablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomTablePagination(props: CustomTablePaginationProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/tooltip/CustomTooltip.d.ts

@@ -1,2 +1,2 @@
 import { TooltipProps } from '@mui/material';
-export declare function CustomTooltip(props: Readonly<TooltipProps>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomTooltip(props: Readonly<TooltipProps>): import("react").JSX.Element;

package/dist/components/ui/treeViewFinder/TreeViewFinder.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { FunctionComponent, ReactElement } from 'react';
 import { ButtonProps, ModalProps } from '@mui/material';
 import { SimpleTreeViewClasses } from '@mui/x-tree-view';
 import { UUID } from 'node:crypto';
@@ -38,4 +38,4 @@ export interface TreeViewFinderProps {
     inline?: boolean;
     onSelectionChange?: (nodes: TreeViewFinderNodeProps[]) => void;
 }
-export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<Readonly<TreeViewFinderProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TreeViewFinder: FunctionComponent<TreeViewFinderProps>;

package/dist/features/announcement/AnnouncementBanner.d.ts

@@ -12,4 +12,4 @@ export type AnnouncementBannerProps = PropsWithChildren<{
     title?: ReactNode;
     sx?: AlertProps['sx'];
 }>;
-export declare function AnnouncementBanner({ userProfile, id, severity, title, children, duration, sx, }: Readonly<AnnouncementBannerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AnnouncementBanner({ userProfile, id, severity, title, children, duration, sx, }: Readonly<AnnouncementBannerProps>): import("react").JSX.Element;

package/dist/features/announcement/AnnouncementNotification.d.ts

@@ -4,4 +4,4 @@ export type AnnouncementNotificationProps = {
     userProfile: UserProfile | null;
     sx?: AnnouncementBannerProps['sx'];
 };
-export declare function AnnouncementNotification({ userProfile, sx }: Readonly<AnnouncementNotificationProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AnnouncementNotification({ userProfile, sx }: Readonly<AnnouncementNotificationProps>): import("react").JSX.Element;

package/dist/features/authentication/AuthenticationRouter.d.ts

@@ -1,2 +1,2 @@
 import { AuthenticationRouterProps } from './authenticationType';
-export declare function AuthenticationRouter({ userManager, signInCallbackError, authenticationRouterError, showAuthenticationRouterLogin, dispatch, navigate, location, }: Readonly<AuthenticationRouterProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AuthenticationRouter({ userManager, signInCallbackError, authenticationRouterError, showAuthenticationRouterLogin, dispatch, navigate, location, }: Readonly<AuthenticationRouterProps>): import("react").JSX.Element;

package/dist/features/authentication/AuthenticationRouter.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Stack } from "@mui/material";
 import { useCallback } from "react";
 import { Routes, Route, Navigate } from "react-router";
 import { Login } from "./Login.js";
@@ -26,7 +26,7 @@ function AuthenticationRouter({
       handleSilentRenewCallback(userManager.instance);
     }
   }, [userManager.instance]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, alignContent: "center", alignItems: "center", direction: "column", children: [
+  return /* @__PURE__ */ jsxs(Stack, { alignItems: "center", sx: { width: "100%" }, children: [
     userManager.error !== null && /* @__PURE__ */ jsxs("h1", { children: [
       "Error : Getting userManager; ",
       userManager.error

package/dist/features/authentication/AuthenticationRouterErrorDisplay.d.ts

@@ -4,5 +4,5 @@ type AuthenticationRouterErrorDisplayProps = {
     instance: UserManagerState['instance'];
     dispatch: AuthenticationRouterProps['dispatch'];
 };
-declare function AuthenticationRouterErrorDisplay({ errorState, instance, dispatch }: AuthenticationRouterErrorDisplayProps): import("react/jsx-runtime").JSX.Element;
+declare function AuthenticationRouterErrorDisplay({ errorState, instance, dispatch }: AuthenticationRouterErrorDisplayProps): import("react").JSX.Element;
 export default AuthenticationRouterErrorDisplay;

package/dist/features/authentication/AuthenticationRouterErrorDisplay.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { Logout } from "./Logout.js";
 import { logout } from "./utils/authService.js";
 import "./utils/userManagerMock.js";
@@ -8,8 +8,8 @@ import { ErrorInUserValidationAlert } from "./alert/ErrorInUserValidationAlert.j
 import { UnauthorizedAccessAlert } from "./alert/UnauthorizedAccessAlert.js";
 function AuthenticationRouterErrorDisplay({ errorState, instance, dispatch }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Logout, { disabled: instance === null, onLogoutClick: () => logout(dispatch, instance) }) }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+    /* @__PURE__ */ jsx(Grid2, { children: /* @__PURE__ */ jsx(Logout, { disabled: instance === null, onLogoutClick: () => logout(dispatch, instance) }) }),
+    /* @__PURE__ */ jsxs(Grid2, { size: 4, children: [
       errorState.logoutError && /* @__PURE__ */ jsx(ErrorInLogoutAlert, { userName: errorState.userName, message: errorState.logoutError.error.message }),
       errorState.userValidationError && /* @__PURE__ */ jsx(
         ErrorInUserValidationAlert,

package/dist/features/authentication/Login.d.ts

@@ -2,4 +2,4 @@ export interface LoginProps {
     onLoginClick: () => void;
     disabled: boolean;
 }
-export declare function Login({ onLoginClick, disabled }: LoginProps): import("react/jsx-runtime").JSX.Element;
+export declare function Login({ onLoginClick, disabled }: LoginProps): import("react").JSX.Element;

package/dist/features/authentication/Logout.d.ts

@@ -8,4 +8,4 @@ export interface LogoutProps {
     onLogoutClick: () => void;
     disabled: boolean;
 }
-export declare function Logout({ onLogoutClick, disabled }: LogoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function Logout({ onLogoutClick, disabled }: LogoutProps): import("react").JSX.Element;

package/dist/features/authentication/SignInCallbackHandler.d.ts

@@ -3,4 +3,4 @@ export interface SignInCallbackHandlerProps {
     userManager: UserManager | null;
     handleSignInCallback: () => void;
 }
-export declare function SignInCallbackHandler({ userManager, handleSignInCallback }: SignInCallbackHandlerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignInCallbackHandler({ userManager, handleSignInCallback }: SignInCallbackHandlerProps): import("react").JSX.Element;

package/dist/features/authentication/SilentRenewCallbackHandler.d.ts

@@ -3,4 +3,4 @@ export interface SilentRenewCallbackHandlerProps {
     userManager: UserManager | null;
     handleSilentRenewCallback: () => void;
 }
-export declare function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback, }: SilentRenewCallbackHandlerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback, }: SilentRenewCallbackHandlerProps): import("react").JSX.Element;

package/dist/features/authentication/alert/ErrorInLogoutAlert.d.ts

@@ -8,5 +8,5 @@ type ErrorInLogoutAlertProps = {
     userName?: string;
     message: string;
 };
-export declare function ErrorInLogoutAlert({ userName, message }: ErrorInLogoutAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorInLogoutAlert({ userName, message }: ErrorInLogoutAlertProps): import("react").JSX.Element;
 export default ErrorInLogoutAlert;

package/dist/features/authentication/alert/ErrorInUserValidationAlert.d.ts

@@ -8,5 +8,5 @@ type ErrorInUserValidationAlertProps = {
     userName?: string;
     message: string;
 };
-export declare function ErrorInUserValidationAlert({ userName, message }: ErrorInUserValidationAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorInUserValidationAlert({ userName, message }: ErrorInUserValidationAlertProps): import("react").JSX.Element;
 export default ErrorInUserValidationAlert;

package/dist/features/authentication/alert/UnauthorizedAccessAlert.d.ts

@@ -7,5 +7,5 @@
 type UnauthorizedAccessAlertProps = {
     userName?: string;
 };
-export declare function UnauthorizedAccessAlert({ userName }: UnauthorizedAccessAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnauthorizedAccessAlert({ userName }: UnauthorizedAccessAlertProps): import("react").JSX.Element;
 export default UnauthorizedAccessAlert;

package/dist/features/authentication/utils/authService.js

@@ -1,7 +1,7 @@
 import { jwtDecode } from "jwt-decode";
 import { UserManager } from "oidc-client-ts";
 import { UserManagerMock } from "./userManagerMock.js";
-import { setLoggedUser, setLogoutError, setSignInCallbackError, setShowAuthenticationRouterLogin, resetAuthenticationRouterError } from "../../../redux/actions/authActions.js";
+import { setLoggedUser, setSignInCallbackError, setShowAuthenticationRouterLogin, setLogoutError, resetAuthenticationRouterError } from "../../../redux/actions/authActions.js";
 const hackAuthorityKey = "oidc.hack.authority";
 const oidcHackReloadedKey = "gridsuite-oidc-hack-reloaded";
 const pathKey = "powsybl-gridsuite-current-path";

package/dist/features/cardErrorBoundary/CardErrorBoundary.d.ts

@@ -22,6 +22,6 @@ export declare class CardErrorBoundary extends Component<PropsWithChildren<{}>,
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     private handleExpandClick;
     private handleReloadClick;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
 }
 export {};

package/dist/features/index.js

@@ -18,7 +18,7 @@ import { AboutDialog } from "./topBar/AboutDialog.js";
 import { GridLogo, LogoText } from "./topBar/GridLogo.js";
 import { DevModeBanner } from "./topBar/DevModeBanner.js";
 import { TopBar } from "./topBar/TopBar.js";
-import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
+import { formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
 import { COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./parameters/common/constants.js";
 import { LineSeparator } from "./parameters/common/line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters/common/parameters.js";
@@ -258,7 +258,6 @@ export {
   CUSTOM_REAL_TIME_STATE_ESTIMATION,
   CardErrorBoundary,
   CharacteristicsForm,
-  ComputingType,
   ConnectivityForm,
   ContingencyTable,
   CreateParameterDialog,

package/dist/features/network-modification-table/network-modification-table-styles.js

@@ -1,4 +1,4 @@
-import { lighten, darken, alpha } from "@mui/material";
+import { lighten, alpha, darken } from "@mui/material";
 const HIGHLIGHT_COLOR_BASE = "rgba(144, 202, 249, 0.16)";
 const HIGHLIGHT_COLOR_HOVER = "rgba(144, 202, 249, 0.24)";
 const ROW_HOVER_COLOR = "rgba(144, 202, 249, 0.08)";

package/dist/features/network-modification-table/network-modifications-table.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import { default as React, Dispatch, SetStateAction } from 'react';
 import { ColumnDef } from '@tanstack/react-table';
 import { UUID } from 'node:crypto';
 import { NetworkModificationEditorNameHeaderProps } from './renderers';
@@ -22,5 +22,5 @@ interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorN
     setModificationsToExclude?: Dispatch<SetStateAction<ExcludedNetworkModifications[]>>;
     isDisabled?: boolean;
 }
-export declare function NetworkModificationsTable({ modifications, handleCellClick, isRowDragDisabled, onRowDragStart, onRowDragEnd, onSelectedRowsChange, columns, highlightedModificationUuid, modificationToEditLabel, modificationUuidsToReset, studyUuid, currentNodeId, currentRootNetworkUuid, rootNetworks, modificationsToExclude, setModificationsToExclude, isDisabled, isImpactedByNotification, notificationMessageId, isFetchingModifications, pendingState, }: Readonly<NetworkModificationsTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkModificationsTable({ modifications, handleCellClick, isRowDragDisabled, onRowDragStart, onRowDragEnd, onSelectedRowsChange, columns, highlightedModificationUuid, modificationToEditLabel, modificationUuidsToReset, studyUuid, currentNodeId, currentRootNetworkUuid, rootNetworks, modificationsToExclude, setModificationsToExclude, isDisabled, isImpactedByNotification, notificationMessageId, isFetchingModifications, pendingState, }: Readonly<NetworkModificationsTableProps>): React.JSX.Element;
 export {};