@gridsuite/commons-ui 0.169.0 → 0.171.0

package/dist/components/index.js

@@ -186,6 +186,8 @@ import { copyEquipmentPropertiesForCreation, createPropertyModification, creatio
 import { filledTextField, italicFontTextField, standardTextField } from "./network-modifications/common/form.utils.js";
 import { SubstationCreationForm } from "./network-modifications/substation/creation/SubstationCreationForm.js";
 import { substationCreationDtoToForm, substationCreationEmptyFormData, substationCreationFormSchema, substationCreationFormToDto } from "./network-modifications/substation/creation/substationCreation.utils.js";
+import { SubstationModificationForm } from "./network-modifications/substation/modification/SubstationModificationForm.js";
+import { substationModificationDtoToForm, substationModificationEmptyFormData, substationModificationFormSchema, substationModificationFormToDto } from "./network-modifications/substation/modification/substationModification.utils.js";
 export {
   ACCURACY,
   ACTIVE,
@@ -485,6 +487,7 @@ export {
   SubmitButton,
   SubstationCreationForm,
   SubstationLayout,
+  SubstationModificationForm,
   SwitchInput,
   SwitchWithLabel,
   TAB_INFO,
@@ -583,6 +586,10 @@ export {
   substationCreationEmptyFormData,
   substationCreationFormSchema,
   substationCreationFormToDto,
+  substationModificationDtoToForm,
+  substationModificationEmptyFormData,
+  substationModificationFormSchema,
+  substationModificationFormToDto,
   testQuery,
   toFloatOrNullValue,
   toFormValuesLimitReductions,

package/dist/components/inputs/reactHookForm/selectInputs/CountriesInput.js

@@ -26,16 +26,19 @@ function CountriesInput({ name, label, dataTestId }) {
       getOptionLabel: translateOption,
       fullWidth: true,
       multiple: true,
-      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(
-        Chip,
-        {
-          "data-testid": `${dataTestId}.${code}`,
-          size: "small",
-          label: translate(code),
-          ...getTagsProps({ index })
-        },
-        code
-      ))
+      renderTags: (val, getTagsProps) => val.map((code, index) => {
+        const { key, ...tagProps } = getTagsProps({ index });
+        return /* @__PURE__ */ jsx(
+          Chip,
+          {
+            "data-testid": `${dataTestId}.${code}`,
+            size: "small",
+            label: translate(code),
+            ...tagProps
+          },
+          key ?? code
+        );
+      })
     }
   );
 }

package/dist/components/network-modifications/common/properties/propertyUtils.d.ts

@@ -8,7 +8,7 @@ export declare const emptyProperties: Properties;
 export declare const createPropertyModification: (name: string, value: string | null) => Property;
 export declare const initializedProperty: () => Property;
 export declare const getFilledPropertiesFromModification: (properties: Property[] | undefined | null) => FilledProperty[];
-export declare const getPropertiesFromModification: (properties: Property[] | undefined | null) => Properties;
+export declare const getPropertiesFromModification: (properties: Property[] | undefined | null, includePreviousValue?: boolean) => Properties;
 export declare const copyEquipmentPropertiesForCreation: (equipmentInfos: EquipmentWithProperties) => Properties;
 export declare const mergeModificationAndEquipmentProperties: (modificationProperties: Property[], equipment: EquipmentWithProperties) => Property[];
 export declare function getConcatenatedProperties(equipment: EquipmentWithProperties, getValues: (name: string) => any, id?: string): any;

package/dist/components/network-modifications/common/properties/propertyUtils.js

@@ -41,13 +41,13 @@ const getFilledPropertiesFromModification = (properties) => {
     };
   }) ?? [];
 };
-const getPropertiesFromModification = (properties) => {
+const getPropertiesFromModification = (properties, includePreviousValue = true) => {
   return {
     [FieldConstants.ADDITIONAL_PROPERTIES]: properties ? properties.map((p) => {
       return {
         [FieldConstants.NAME]: p[FieldConstants.NAME],
         [FieldConstants.VALUE]: p[FieldConstants.VALUE],
-        [FieldConstants.PREVIOUS_VALUE]: p[FieldConstants.PREVIOUS_VALUE],
+        [FieldConstants.PREVIOUS_VALUE]: includePreviousValue ? p[FieldConstants.PREVIOUS_VALUE] : void 0,
         [FieldConstants.ADDED]: p[FieldConstants.ADDED],
         [FieldConstants.DELETION_MARK]: p[FieldConstants.DELETION_MARK]
       };

package/dist/components/network-modifications/index.js

@@ -4,10 +4,13 @@ import { copyEquipmentPropertiesForCreation, createPropertyModification, creatio
 import { filledTextField, italicFontTextField, standardTextField } from "./common/form.utils.js";
 import { SubstationCreationForm } from "./substation/creation/SubstationCreationForm.js";
 import { substationCreationDtoToForm, substationCreationEmptyFormData, substationCreationFormSchema, substationCreationFormToDto } from "./substation/creation/substationCreation.utils.js";
+import { SubstationModificationForm } from "./substation/modification/SubstationModificationForm.js";
+import { substationModificationDtoToForm, substationModificationEmptyFormData, substationModificationFormSchema, substationModificationFormToDto } from "./substation/modification/substationModification.utils.js";
 export {
   PropertiesForm,
   PropertyForm,
   SubstationCreationForm,
+  SubstationModificationForm,
   copyEquipmentPropertiesForCreation,
   createPropertyModification,
   creationPropertiesSchema,
@@ -27,5 +30,9 @@ export {
   substationCreationEmptyFormData,
   substationCreationFormSchema,
   substationCreationFormToDto,
+  substationModificationDtoToForm,
+  substationModificationEmptyFormData,
+  substationModificationFormSchema,
+  substationModificationFormToDto,
   toModificationProperties
 };

package/dist/components/network-modifications/substation/index.d.ts

@@ -5,3 +5,4 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './creation';
+export * from './modification';

package/dist/components/network-modifications/substation/index.js

@@ -1,9 +1,16 @@
 import { SubstationCreationForm } from "./creation/SubstationCreationForm.js";
 import { substationCreationDtoToForm, substationCreationEmptyFormData, substationCreationFormSchema, substationCreationFormToDto } from "./creation/substationCreation.utils.js";
+import { SubstationModificationForm } from "./modification/SubstationModificationForm.js";
+import { substationModificationDtoToForm, substationModificationEmptyFormData, substationModificationFormSchema, substationModificationFormToDto } from "./modification/substationModification.utils.js";
 export {
   SubstationCreationForm,
+  SubstationModificationForm,
   substationCreationDtoToForm,
   substationCreationEmptyFormData,
   substationCreationFormSchema,
-  substationCreationFormToDto
+  substationCreationFormToDto,
+  substationModificationDtoToForm,
+  substationModificationEmptyFormData,
+  substationModificationFormSchema,
+  substationModificationFormToDto
 };

package/dist/components/network-modifications/substation/modification/SubstationModificationForm.d.ts

@@ -0,0 +1,6 @@
+import { SubstationModificationInfos } from './substationModification.types';
+interface SubstationModificationFormProps {
+    substationToModify?: SubstationModificationInfos | null;
+}
+export declare function SubstationModificationForm({ substationToModify }: Readonly<SubstationModificationFormProps>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,89 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { TextField, Grid } from "@mui/material";
+import { useIntl } from "react-intl";
+import { useWatch } from "react-hook-form";
+import GridItem from "../../../grid/grid-item.js";
+import "../../../overflowableText/OverflowableText.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+import "react";
+import { useLocalizedCountries } from "../../../../hooks/useLocalizedCountries.js";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { TextInput } from "../../../inputs/reactHookForm/text/TextInput.js";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { CountrySelectionInput } from "../../../inputs/reactHookForm/CountrySelectionInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
+import { filledTextField } from "../../common/form.utils.js";
+import "../../common/properties/propertyUtils.js";
+function SubstationModificationForm({ substationToModify }) {
+  const { locale } = useIntl();
+  const { translate } = useLocalizedCountries(locale);
+  const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
+  const substationIdField = /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      fullWidth: true,
+      label: "ID",
+      value: equipmentId ?? "",
+      InputProps: {
+        readOnly: true
+      },
+      disabled: true,
+      ...filledTextField
+    }
+  );
+  const substationNameField = /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      name: FieldConstants.EQUIPMENT_NAME,
+      label: "Name",
+      formProps: filledTextField,
+      previousValue: substationToModify?.name,
+      clearable: true
+    }
+  );
+  const substationCountryField = /* @__PURE__ */ jsx(
+    CountrySelectionInput,
+    {
+      name: FieldConstants.COUNTRY,
+      label: "Country",
+      formProps: filledTextField,
+      size: "small",
+      previousValue: substationToModify?.country ? translate(substationToModify.country) : ""
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: substationIdField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: substationNameField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: substationCountryField })
+    ] }),
+    /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "substation", isModification: true })
+  ] });
+}
+export {
+  SubstationModificationForm
+};

package/dist/components/network-modifications/substation/modification/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * 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 * from './SubstationModificationForm';
+export * from './substationModification.types';
+export * from './substationModification.utils';

package/dist/components/network-modifications/substation/modification/index.js

@@ -0,0 +1,9 @@
+import { SubstationModificationForm } from "./SubstationModificationForm.js";
+import { substationModificationDtoToForm, substationModificationEmptyFormData, substationModificationFormSchema, substationModificationFormToDto } from "./substationModification.utils.js";
+export {
+  SubstationModificationForm,
+  substationModificationDtoToForm,
+  substationModificationEmptyFormData,
+  substationModificationFormSchema,
+  substationModificationFormToDto
+};

package/dist/components/network-modifications/substation/modification/substationModification.types.d.ts

@@ -0,0 +1,17 @@
+import { UUID } from 'node:crypto';
+import { AttributeModification, ModificationType } from '../../../../utils';
+import { Property } from '../../common';
+export interface SubstationModificationInfos {
+    id: string;
+    name?: string;
+    country: string | null;
+    properties?: Record<string, string>;
+}
+export interface SubstationModificationDto {
+    uuid?: UUID;
+    equipmentId: string;
+    equipmentName?: AttributeModification<string> | null;
+    country: AttributeModification<string> | null;
+    properties?: Property[] | null;
+    type?: ModificationType;
+}

package/dist/components/network-modifications/substation/modification/substationModification.types.js

@@ -0,0 +1 @@
+

package/dist/components/network-modifications/substation/modification/substationModification.utils.d.ts

@@ -0,0 +1,24 @@
+import { default as yup } from '../../../../utils/yupConfig';
+import { SubstationModificationDto } from './substationModification.types';
+export declare const substationModificationFormSchema: yup.ObjectSchema<{
+    equipmentID: string;
+    equipmentName: string | null | undefined;
+    country: string | null | undefined;
+} & {
+    AdditionalProperties: {
+        previousValue?: string | null | undefined;
+        value?: string | null | undefined;
+        added: NonNullable<boolean | undefined>;
+        deletionMark: NonNullable<boolean | undefined>;
+        name: string;
+    }[] | undefined;
+}, yup.AnyObject, {
+    equipmentID: undefined;
+    equipmentName: undefined;
+    country: undefined;
+    AdditionalProperties: "";
+}, "">;
+export type SubstationModificationFormData = yup.InferType<typeof substationModificationFormSchema>;
+export declare const substationModificationEmptyFormData: SubstationModificationFormData;
+export declare const substationModificationFormToDto: (formData: SubstationModificationFormData) => SubstationModificationDto;
+export declare const substationModificationDtoToForm: (substationDto: SubstationModificationDto, includePreviousValues?: boolean) => SubstationModificationFormData;

package/dist/components/network-modifications/substation/modification/substationModification.utils.js

@@ -0,0 +1,42 @@
+import "../../../../utils/yupConfig.js";
+import { modificationPropertiesSchema, toModificationProperties, getPropertiesFromModification } from "../../common/properties/propertyUtils.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { toModificationOperation } from "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { sanitizeString } from "../../../../utils/ts-utils.js";
+import * as yup from "yup";
+const substationModificationFormSchema = yup.object().shape({
+  [FieldConstants.EQUIPMENT_ID]: yup.string().required(),
+  [FieldConstants.EQUIPMENT_NAME]: yup.string().nullable(),
+  [FieldConstants.COUNTRY]: yup.string().nullable()
+}).concat(modificationPropertiesSchema);
+const substationModificationEmptyFormData = {
+  equipmentID: "",
+  equipmentName: "",
+  country: null,
+  AdditionalProperties: []
+};
+const substationModificationFormToDto = (formData) => ({
+  type: ModificationType.SUBSTATION_MODIFICATION,
+  equipmentId: formData.equipmentID,
+  equipmentName: toModificationOperation(sanitizeString(formData.equipmentName)),
+  country: toModificationOperation(formData.country ?? null),
+  properties: toModificationProperties(formData)
+});
+const substationModificationDtoToForm = (substationDto, includePreviousValues = true) => {
+  return {
+    equipmentID: substationDto.equipmentId,
+    equipmentName: substationDto.equipmentName?.value ?? "",
+    country: substationDto.country?.value ?? null,
+    ...getPropertiesFromModification(substationDto?.properties, includePreviousValues)
+  };
+};
+export {
+  substationModificationDtoToForm,
+  substationModificationEmptyFormData,
+  substationModificationFormSchema,
+  substationModificationFormToDto
+};

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

@@ -50,7 +50,7 @@ function DynamicMarginCalculationInline({
   parametersBackend,
   setHaveDirtyFields
 }) {
-  const [providers, , , , , params, , updateParams, resetParams, ,] = parametersBackend;
+  const { providers, params, updateParameters, resetParameters } = parametersBackend;
   const dynamicMarginCalculationMethods = useDynamicMarginCalculationParametersForm({
     providers,
     params,
@@ -71,14 +71,14 @@ function DynamicMarginCalculationInline({
     setOpenResetConfirmation(false);
   }, []);
   const handleReset = useCallback(() => {
-    resetParams();
+    resetParameters();
     setOpenResetConfirmation(false);
-  }, [resetParams]);
+  }, [resetParameters]);
   const onSubmit = useCallback(
     (formData) => {
-      updateParams(toParamsInfos(formData));
+      updateParameters(toParamsInfos(formData));
     },
-    [updateParams]
+    [updateParameters]
   );
   const handleLoadParameter = useCallback(
     (newParams) => {

package/dist/components/parameters/loadflow/load-flow-parameters-dialog.js

@@ -8,7 +8,7 @@ import "../../../utils/types/equipmentType.js";
 import { LANG_ENGLISH } from "../../../utils/langs.js";
 import "@mui/icons-material";
 import "../../../utils/yupConfig.js";
-import { getLoadFlowDefaultLimitReductions, getLoadFlowSpecificParametersDescription, setLoadFlowParameters, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowProviders } from "../../../services/loadflow.js";
+import { getLoadFlowDefaultLimitReductions, getLoadFlowProviders, fetchLoadFlowParameters, setLoadFlowParameters, getLoadFlowSpecificParametersDescription } from "../../../services/loadflow.js";
 import "react";
 import "@mui/material";
 import "react-intl";
@@ -57,20 +57,13 @@ function LoadFlowParametersEditionDialog({
   language = LANG_ENGLISH,
   isDeveloperMode = false
 }) {
-  const parametersBackend = useParametersBackend(
-    user,
-    id,
-    ComputingType.LOAD_FLOW,
-    OptionalServicesStatus.Up,
-    getLoadFlowProviders,
-    null,
-    getDefaultLoadFlowProvider,
-    null,
-    fetchLoadFlowParameters,
-    setLoadFlowParameters,
-    getLoadFlowSpecificParametersDescription,
-    getLoadFlowDefaultLimitReductions
-  );
+  const parametersBackend = useParametersBackend(user, id, ComputingType.LOAD_FLOW, OptionalServicesStatus.Up, {
+    backendFetchProviders: getLoadFlowProviders,
+    backendFetchParameters: fetchLoadFlowParameters,
+    backendUpdateParameters: setLoadFlowParameters,
+    backendFetchSpecificParametersDescription: getLoadFlowSpecificParametersDescription,
+    backendFetchDefaultLimitReductions: getLoadFlowDefaultLimitReductions
+  });
   const loadflowMethods = useLoadFlowParametersForm(parametersBackend, isDeveloperMode, id, name, description);
   const {
     formState: { errors, dirtyFields }

package/dist/components/parameters/loadflow/load-flow-parameters-form.js

@@ -74,7 +74,7 @@ function LoadFlowParametersForm({
     formattedProviders,
     specificParametersDescriptionForProvider,
     params,
-    currentProvider,
+    watchProvider,
     defaultLimitReductions,
     paramsLoaded
   } = loadflowMethods;
@@ -94,7 +94,7 @@ function LoadFlowParametersForm({
         LoadFlowParametersContent,
         {
           selectedTab,
-          currentProvider: currentProvider ?? "",
+          currentProvider: watchProvider ?? "",
           specificParameters: specificParametersDescriptionForProvider,
           params,
           defaultLimitReductions

package/dist/components/parameters/loadflow/load-flow-parameters-inline.js

@@ -55,7 +55,7 @@ function LoadFlowParametersInline({
   setHaveDirtyFields,
   isDeveloperMode
 }) {
-  const [, , , , resetProvider, , , , resetParameters, ,] = parametersBackend;
+  const { resetParameters } = parametersBackend;
   const loadflowMethods = useLoadFlowParametersForm(parametersBackend, isDeveloperMode, null, null, null);
   const intl = useIntl();
   const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
@@ -64,9 +64,8 @@ function LoadFlowParametersInline({
   const { snackError } = useSnackMessage();
   const executeResetAction = useCallback(() => {
     resetParameters();
-    resetProvider();
     setOpenResetConfirmation(false);
-  }, [resetParameters, resetProvider]);
+  }, [resetParameters]);
   const handleResetAllClick = useCallback(() => {
     setOpenResetConfirmation(true);
   }, []);
@@ -79,7 +78,6 @@ function LoadFlowParametersInline({
       if (newParams && newParams.length > 0) {
         setOpenSelectParameterDialog(false);
         fetchLoadFlowParameters(newParams[0].id).then((parameters) => {
-          loadflowMethods.setCurrentProvider(parameters.provider);
           console.info(`loading the following loadflow parameters : ${parameters.uuid}`);
           reset(loadflowMethods.toLoadFlowFormValues(parameters), {
             keepDefaultValues: true

package/dist/components/parameters/loadflow/use-load-flow-parameters-form.d.ts

@@ -1,5 +1,5 @@
 import { FieldErrors, UseFormReturn } from 'react-hook-form';
-import { Dispatch, SetStateAction, SyntheticEvent } from 'react';
+import { SyntheticEvent } from 'react';
 import { ObjectSchema } from 'yup';
 import { UUID } from 'node:crypto';
 import { TabValues } from './load-flow-parameters-utils';
@@ -22,8 +22,7 @@ export interface UseLoadFlowParametersFormReturn {
     toLoadFlowFormValues: (_params: LoadFlowParametersInfos) => any;
     formatNewParams: (formData: Record<string, any>) => LoadFlowParametersInfos;
     params: LoadFlowParametersInfos | null;
-    currentProvider: string | undefined;
-    setCurrentProvider: Dispatch<SetStateAction<string | undefined>>;
+    watchProvider: string | undefined;
     paramsLoaded: boolean;
     onValidationError: (errors: FieldErrors) => void;
     onSaveInline: (formData: Record<string, any>) => void;

package/dist/components/parameters/loadflow/use-load-flow-parameters-form.js

@@ -1,6 +1,6 @@
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { useState, useCallback, useMemo, useEffectEvent, useEffect } from "react";
+import { useState, useRef, useCallback, useMemo, useEffect, useEffectEvent } from "react";
 import { TabValues, getCommonLoadFlowParametersFormSchema, mapLimitReductions, setLimitReductions } from "./load-flow-parameters-utils.js";
 import { PROVIDER, SPECIFIC_PARAMETERS, COMMON_PARAMETERS, VERSION_PARAMETER } from "../common/constants.js";
 import "react/jsx-runtime";
@@ -47,30 +47,18 @@ import "../../filter/HeaderFilterForm.js";
 import { getNameElementEditorSchema, getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
 import { getDefaultSpecificParamsValues, getSpecificParametersFormSchema, getAllSpecificParametersValues, formatSpecificParameters, setSpecificParameters } from "../common/utils.js";
 const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parametersUuid, name, description) => {
-  const [
-    providers,
-    provider,
-    ,
-    ,
-    ,
-    params,
-    ,
-    updateParameters,
-    ,
-    specificParamsDescriptions,
-    defaultLimitReductions
-  ] = parametersBackend;
-  const [currentProvider, setCurrentProvider] = useState(params?.provider);
+  const { providers, params, updateParameters, specificParamsDescription, defaultLimitReductions } = parametersBackend;
   const [selectedTab, setSelectedTab] = useState(TabValues.GENERAL);
   const [limitReductionNumber, setLimitReductionNumber] = useState(0);
   const [tabIndexesWithError, setTabIndexesWithError] = useState([]);
+  const [specificParametersDescriptionForProvider, setSpecificParametersDescriptionForProvider] = useState(() => {
+    return params?.provider && specificParamsDescription ? specificParamsDescription[params.provider] : [];
+  });
   const { snackError } = useSnackMessage();
+  const previousWatchProviderRef = useRef(void 0);
   const handleTabChange = useCallback((event, newValue) => {
     setSelectedTab(newValue);
   }, []);
-  const specificParametersDescriptionForProvider = useMemo(() => {
-    return currentProvider && specificParamsDescriptions ? specificParamsDescriptions[currentProvider] : [];
-  }, [currentProvider, specificParamsDescriptions]);
   const specificParametersDefaultValues = useMemo(() => {
     return getDefaultSpecificParamsValues(specificParametersDescriptionForProvider);
   }, [specificParametersDescriptionForProvider]);
@@ -86,7 +74,7 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
   const formMethods = useForm({
     defaultValues: {
       ...getNameElementEditorEmptyFormData(name, description),
-      [PROVIDER]: provider,
+      [PROVIDER]: params?.provider,
       [PARAM_LIMIT_REDUCTION]: null,
       [COMMON_PARAMETERS]: {
         ...params?.commonParameters
@@ -100,6 +88,14 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
   });
   const { watch, reset } = formMethods;
   const watchProvider = watch(PROVIDER);
+  useEffect(() => {
+    const provider = watchProvider ?? params?.provider;
+    if (!provider || !specificParamsDescription) {
+      setSpecificParametersDescriptionForProvider([]);
+      return;
+    }
+    setSpecificParametersDescriptionForProvider(specificParamsDescription[provider] ?? []);
+  }, [watchProvider, params?.provider, specificParamsDescription]);
   const toLimitReductions = useCallback(
     (formLimits) => {
       if (formLimits?.length === 0) {
@@ -143,6 +139,7 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
   const toLoadFlowFormValues = useCallback(
     (_params) => {
       const specificParamsListForCurrentProvider = _params.specificParametersPerProvider[_params.provider];
+      const specificParametersForLoadedProvider = specificParamsDescription?.[_params.provider] ?? [];
       return {
         [PROVIDER]: _params.provider,
         [PARAM_LIMIT_REDUCTION]: _params.limitReduction,
@@ -151,16 +148,16 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
         },
         [SPECIFIC_PARAMETERS]: {
           ...formatSpecificParameters(
-            specificParametersDescriptionForProvider,
+            specificParametersForLoadedProvider,
             specificParamsListForCurrentProvider
           )
         },
         ...toFormValuesLimitReductions(_params.limitReductions)
       };
     },
-    [specificParametersDescriptionForProvider]
+    [specificParamsDescription]
   );
-  const paramsLoaded = useMemo(() => !!params && !!currentProvider, [currentProvider, params]);
+  const paramsLoaded = useMemo(() => !!params && !!watchProvider, [watchProvider, params]);
   const formattedProviders = useMemo(() => {
     return Object.entries(providers).filter(([key]) => !key.includes("DynaFlow") || isDeveloperMode).map(([key, value]) => ({
       id: key,
@@ -214,28 +211,22 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
     resetForm(params);
   }, [paramsLoaded, params]);
   useEffect(() => {
-    if (watchProvider && watchProvider !== currentProvider) {
-      setCurrentProvider(watchProvider);
-      setSpecificParameters(watchProvider, specificParamsDescriptions, formMethods);
-      setLimitReductions(watchProvider, defaultLimitReductions, formMethods);
-      if (watchProvider === PARAM_PROVIDER_OPENLOADFLOW) {
-        if (currentProvider) {
-          setLimitReductionNumber(defaultLimitReductions?.at(0)?.temporaryLimitReductions?.length ?? 0);
-        } else {
-          setLimitReductionNumber(params?.limitReductions?.at(0)?.temporaryLimitReductions?.length ?? 0);
-        }
+    if (!watchProvider || watchProvider === previousWatchProviderRef.current) {
+      return;
+    }
+    setSpecificParameters(watchProvider, specificParamsDescription, formMethods);
+    setLimitReductions(watchProvider, defaultLimitReductions, formMethods);
+    if (watchProvider === PARAM_PROVIDER_OPENLOADFLOW) {
+      if (previousWatchProviderRef.current) {
+        setLimitReductionNumber(defaultLimitReductions?.at(0)?.temporaryLimitReductions?.length ?? 0);
       } else {
-        setLimitReductionNumber(0);
+        setLimitReductionNumber(params?.limitReductions?.at(0)?.temporaryLimitReductions?.length ?? 0);
       }
+    } else {
+      setLimitReductionNumber(0);
     }
-  }, [
-    currentProvider,
-    defaultLimitReductions,
-    formMethods,
-    params?.limitReductions,
-    specificParamsDescriptions,
-    watchProvider
-  ]);
+    previousWatchProviderRef.current = watchProvider;
+  }, [defaultLimitReductions, formMethods, params?.limitReductions, specificParamsDescription, watchProvider]);
   return {
     formMethods,
     formSchema,
@@ -248,8 +239,7 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
     toLoadFlowFormValues,
     formatNewParams,
     params,
-    currentProvider,
-    setCurrentProvider,
+    watchProvider,
     paramsLoaded,
     onValidationError,
     onSaveInline,