@gridsuite/commons-ui 0.292.0 → 0.294.0

package/dist/features/process-configs/form/hooks/usePrefillSelection.js

@@ -0,0 +1,51 @@
+import { useState, useCallback } from "react";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import { ElementType } from "../../../../utils/types/elementType.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { getProcessConfigFormDefaultValues } from "../../common/process-config-form.constants.js";
+function usePrefillSelection({ form, onFetchProcessConfig, selectedProcessType }) {
+  const [isSelectorOpen, setIsSelectorOpen] = useState(false);
+  const openSelector = useCallback(() => setIsSelectorOpen(true), []);
+  const closeSelector = useCallback(() => setIsSelectorOpen(false), []);
+  const itemFilter = useCallback(
+    (item) => item?.type === ElementType.PROCESS_CONFIG && item?.specificMetadata?.type === selectedProcessType,
+    [selectedProcessType]
+  );
+  const handleSelect = useCallback(
+    async (nodes) => {
+      closeSelector();
+      const selectedElement = nodes?.[0];
+      if (!selectedElement || !onFetchProcessConfig) {
+        return;
+      }
+      const prefillValues = await onFetchProcessConfig(
+        selectedElement.id,
+        selectedElement.name,
+        selectedElement.description
+      );
+      if (!prefillValues) {
+        return;
+      }
+      const currentDirectory = form.getValues(FieldConstants.DIRECTORY);
+      const currentName = form.getValues(FieldConstants.NAME);
+      form.reset(
+        {
+          ...getProcessConfigFormDefaultValues("create"),
+          ...prefillValues,
+          processType: selectedProcessType,
+          [FieldConstants.NAME]: currentName,
+          [FieldConstants.DIRECTORY]: currentDirectory
+        },
+        { keepDefaultValues: true }
+      );
+    },
+    [closeSelector, form, onFetchProcessConfig, selectedProcessType]
+  );
+  return { isSelectorOpen, openSelector, itemFilter, handleSelect };
+}
+export {
+  usePrefillSelection
+};

package/dist/features/process-configs/form/hooks/useProcessConfigForm.d.ts

@@ -0,0 +1,19 @@
+import { UseFormReturn } from 'react-hook-form';
+import { UUID } from 'node:crypto';
+import { FetchPersistedProcessConfigHandler, ProcessConfigFormValues, ProcessConfigMode } from '../../common/process-config-form.types';
+import type * as yup from 'yup';
+type UseProcessConfigFormParams = {
+    mode: ProcessConfigMode;
+    processConfigUuid?: UUID;
+    processConfigName?: string;
+    description?: string | null;
+    fetchProcessConfig?: FetchPersistedProcessConfigHandler;
+};
+export type UseProcessConfigFormReturn = {
+    formMethods: UseFormReturn<ProcessConfigFormValues>;
+    formSchema: yup.ObjectSchema<ProcessConfigFormValues>;
+    defaultValues: ProcessConfigFormValues;
+    isLoading: boolean;
+};
+export declare function useProcessConfigForm({ mode, processConfigUuid, processConfigName, description, fetchProcessConfig, }: UseProcessConfigFormParams): UseProcessConfigFormReturn;
+export {};

package/dist/features/process-configs/form/hooks/useProcessConfigForm.js

@@ -0,0 +1,74 @@
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useMemo, useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import "../../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../../utils/error.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "react-intl";
+import "@mui/material";
+import "localized-countries";
+import { useSnackMessage } from "../../../../hooks/useSnackMessage.js";
+import { getProcessConfigFormData } from "../../common/process-config-mapping.js";
+import { getProcessConfigFormDefaultValues } from "../../common/process-config-form.constants.js";
+import { getProcessConfigFormSchema } from "../../common/process-config-form.schema.js";
+function useProcessConfigForm({
+  mode,
+  processConfigUuid,
+  processConfigName,
+  description,
+  fetchProcessConfig
+}) {
+  const defaultValues = useMemo(() => getProcessConfigFormDefaultValues(mode), [mode]);
+  const formSchema = useMemo(
+    () => getProcessConfigFormSchema(mode),
+    [mode]
+  );
+  const formMethods = useForm({
+    defaultValues,
+    resolver: yupResolver(formSchema)
+  });
+  const { reset } = formMethods;
+  const [isLoading, setIsLoading] = useState(false);
+  const { snackError } = useSnackMessage();
+  useEffect(() => {
+    if (mode !== "edit" || !processConfigUuid || !fetchProcessConfig) {
+      return void 0;
+    }
+    let cancelled = false;
+    setIsLoading(true);
+    (async () => {
+      try {
+        const persistedProcessConfig = await fetchProcessConfig(processConfigUuid);
+        if (!cancelled && persistedProcessConfig) {
+          const formData = await getProcessConfigFormData(
+            persistedProcessConfig,
+            processConfigName ?? "",
+            description ?? null
+          );
+          if (!cancelled) {
+            reset(formData);
+          }
+        }
+      } catch (error) {
+        if (!cancelled) {
+          snackWithFallback(snackError, error, {
+            headerId: "processConfig/fetchProcessConfigError"
+          });
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [mode, processConfigUuid, processConfigName, description, fetchProcessConfig, reset, snackError]);
+  return { formMethods, formSchema, defaultValues, isLoading };
+}
+export {
+  useProcessConfigForm
+};

package/dist/features/process-configs/form/hooks/useProcessTypeGuard.d.ts

@@ -0,0 +1,10 @@
+import { UseFormReturn } from 'react-hook-form';
+import { Option } from '../../../../utils';
+import { ProcessConfigFormValues } from '../../common/process-config-form.types';
+export declare function useProcessTypeGuard(form: UseFormReturn<ProcessConfigFormValues>): {
+    selectedProcessType: "" | import('../..').ProcessType;
+    pendingProcessType: string | null;
+    checkProcessTypeChange: (nextValue: Option | null) => boolean;
+    confirmProcessTypeChange: () => void;
+    cancelProcessTypeChange: () => void;
+};

package/dist/features/process-configs/form/hooks/useProcessTypeGuard.js

@@ -0,0 +1,67 @@
+import { useState, useEffect, useCallback } from "react";
+import { useWatch } from "react-hook-form";
+import { getProcessConfigFormDefaultValues } from "../../common/process-config-form.constants.js";
+import { deepEqual, withoutProcessType } from "../utils/form.utils.js";
+function useProcessTypeGuard(form) {
+  const { control } = form;
+  const selectedProcessType = useWatch({ control, name: "processType" });
+  const defaultValues = getProcessConfigFormDefaultValues("create");
+  const [confirmedProcessType, setConfirmedProcessType] = useState("");
+  const [pendingProcessType, setPendingProcessType] = useState(null);
+  useEffect(() => {
+    if (!selectedProcessType) {
+      setConfirmedProcessType("");
+      setPendingProcessType(null);
+    }
+  }, [selectedProcessType]);
+  const checkProcessTypeChange = useCallback(
+    (nextValue) => {
+      const nextProcessType = typeof nextValue === "string" ? nextValue : nextValue?.id ?? "";
+      if (!nextProcessType) {
+        return true;
+      }
+      if (!confirmedProcessType) {
+        setConfirmedProcessType(nextProcessType);
+        return true;
+      }
+      if (nextProcessType === confirmedProcessType) {
+        return true;
+      }
+      const hasOtherChanges = !deepEqual(
+        withoutProcessType(form.getValues()),
+        withoutProcessType(defaultValues)
+      );
+      if (!hasOtherChanges) {
+        setConfirmedProcessType(nextProcessType);
+        return true;
+      }
+      setPendingProcessType(nextProcessType);
+      return false;
+    },
+    [form, confirmedProcessType, defaultValues]
+  );
+  const cancelProcessTypeChange = useCallback(() => {
+    setPendingProcessType(null);
+  }, []);
+  const confirmProcessTypeChange = useCallback(() => {
+    if (!pendingProcessType) {
+      return;
+    }
+    form.reset({
+      ...defaultValues,
+      processType: pendingProcessType
+    });
+    setConfirmedProcessType(pendingProcessType);
+    setPendingProcessType(null);
+  }, [form, defaultValues, pendingProcessType]);
+  return {
+    selectedProcessType,
+    pendingProcessType,
+    checkProcessTypeChange,
+    confirmProcessTypeChange,
+    cancelProcessTypeChange
+  };
+}
+export {
+  useProcessTypeGuard
+};

package/dist/features/process-configs/form/process-config-form.d.ts

@@ -0,0 +1,2 @@
+import { ProcessConfigFormProps } from '../common/process-config-form.types';
+export declare function ProcessConfigForm({ form, mode, initialElementName, activeDirectory, onFetchProcessConfig, }: Readonly<ProcessConfigFormProps>): import("react").JSX.Element;

package/dist/features/process-configs/form/process-config-form.js

@@ -0,0 +1,170 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Stack, Divider } from "@mui/material";
+import { useWatch } from "react-hook-form";
+import { useIntl } from "react-intl";
+import { ProcessTypeSelect } from "./components/ProcessTypeSelect.js";
+import { ProcessTypeChangeDialog } from "./components/ProcessTypeChangeDialog.js";
+import { usePrefillSelection } from "./hooks/usePrefillSelection.js";
+import { useProcessTypeGuard } from "./hooks/useProcessTypeGuard.js";
+import { GeneralInformationSection } from "../common/GeneralInformationSection.js";
+import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
+import "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "localized-countries";
+import "notistack";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { DirectoryItemSelector } from "../../../components/ui/directoryItemSelector/DirectoryItemSelector.js";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "../../../chunks/module.pXeJjFiM.js";
+import "react-resizable-panels";
+import "react-papaparse";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "react-dom";
+import "../../../chunks/index.BJsVzTMz.js";
+import "clsx";
+import "../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import "../../parameters/common/parameter-layout/parameter-layout-provider.js";
+import "../../parameters/common/widget/parameter-line-slider.js";
+import "../../parameters/common/contingency-table/contingency-table.js";
+import "../../parameters/common/contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../../parameters/network-visualizations/constants.js";
+import "../../parameters/loadflow/load-flow-parameters-context.js";
+import "../../parameters/loadflow/load-flow-parameters-utils.js";
+import "../../parameters/loadflow/load-flow-parameters-content.js";
+import "../../parameters/short-circuit/short-circuit-parameters-content.js";
+import "../../parameters/short-circuit/short-circuit-parameters-utils.js";
+import "../../parameters/voltage-init/constants.js";
+import "../../parameters/voltage-init/voltage-init-form-utils.js";
+import "../../parameters/security-analysis/constants.js";
+import "../../parameters/security-analysis/security-analysis-parameters-utils.js";
+import "../../parameters/sensi/utils.js";
+import "../../parameters/sensi/columns-definitions.js";
+import "../../parameters/dynamic-simulation/use-dynamic-simulation-parameters-form.js";
+import "../../parameters/dynamic-simulation/dynamic-simulation.type.js";
+import "../../parameters/dynamic-simulation/time-delay/time-delay-parameters-utils.js";
+import "../../parameters/dynamic-simulation/time-delay/time-delay-parameters.js";
+import "../../parameters/dynamic-simulation/solver/solver-parameters-utils.js";
+import "../../parameters/dynamic-simulation/solver/solver-parameters.js";
+import "../../parameters/dynamic-simulation/mapping/mapping-parameters-utils.js";
+import "../../parameters/dynamic-simulation/network/network-parameters-utils.js";
+import "../../parameters/dynamic-simulation/network/network-parameters.js";
+import "../../parameters/dynamic-simulation/curve/dialog/curve-preview.js";
+import "../../parameters/dynamic-simulation/curve/dialog/curve-selector.js";
+import "../../parameters/dynamic-simulation/curve/common/grid-search.js";
+import "../../parameters/dynamic-security-analysis/use-dynamic-security-analysis-parameters-form.js";
+import "../../parameters/dynamic-security-analysis/scenario-parameters.js";
+import "../../parameters/dynamic-security-analysis/contingency-parameters.js";
+import "../../parameters/dynamic-security-analysis/dynamic-security-analysis.type.js";
+import "../../parameters/dynamic-margin-calculation/time-delay-parameters.js";
+import "../../parameters/dynamic-margin-calculation/loads-variations-parameters.js";
+import "../../parameters/dynamic-margin-calculation/dynamic-margin-calculation.type.js";
+import "../../parameters/dynamic-margin-calculation/use-dynamic-margin-calculation-parameters-form.js";
+import "../common/process-config-type.definitions.js";
+import { SpecificInformationSection } from "../common/SpecificInformationSection.js";
+import "../common/process-config-modifications-edition.utils.js";
+import "../common/process-config-form.constants.js";
+import "../common/process-config-form.schema.js";
+function ProcessConfigForm({
+  form,
+  mode,
+  initialElementName,
+  activeDirectory,
+  onFetchProcessConfig
+}) {
+  const { control } = form;
+  const isCreate = mode === "create";
+  const intl = useIntl();
+  const {
+    selectedProcessType,
+    pendingProcessType,
+    checkProcessTypeChange,
+    confirmProcessTypeChange,
+    cancelProcessTypeChange
+  } = useProcessTypeGuard(form);
+  const selectedDirectory = useWatch({ control, name: FieldConstants.DIRECTORY });
+  const { isSelectorOpen, openSelector, itemFilter, handleSelect } = usePrefillSelection({
+    form,
+    onFetchProcessConfig,
+    selectedProcessType
+  });
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { paddingTop: 1 }, children: [
+    isCreate && /* @__PURE__ */ jsx(ProcessTypeSelect, { onCheckNewValue: checkProcessTypeChange }),
+    selectedProcessType !== "" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(
+        GeneralInformationSection,
+        {
+          activeDirectory: isCreate ? selectedDirectory?.directoryItemId ?? "" : activeDirectory,
+          initialElementName,
+          withFolderField: isCreate
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SpecificInformationSection,
+        {
+          control,
+          onPrefill: isCreate && onFetchProcessConfig ? openSelector : void 0
+        }
+      )
+    ] }),
+    isCreate && isSelectorOpen && /* @__PURE__ */ jsx(
+      DirectoryItemSelector,
+      {
+        open: true,
+        onClose: handleSelect,
+        types: [ElementType.PROCESS_CONFIG],
+        equipmentTypes: [selectedProcessType],
+        itemFilter,
+        title: intl.formatMessage({ id: "selectProcessConfig" }),
+        onlyLeaves: true,
+        multiSelect: false,
+        validationButtonText: intl.formatMessage({ id: "validate" })
+      }
+    ),
+    isCreate && /* @__PURE__ */ jsx(
+      ProcessTypeChangeDialog,
+      {
+        open: pendingProcessType !== null,
+        onCancel: cancelProcessTypeChange,
+        onConfirm: confirmProcessTypeChange
+      }
+    )
+  ] });
+}
+export {
+  ProcessConfigForm
+};

package/dist/features/process-configs/form/utils/form.utils.d.ts

@@ -0,0 +1,3 @@
+import { ProcessConfigFormValues } from '../../common';
+export declare function withoutProcessType(values: ProcessConfigFormValues): Omit<ProcessConfigFormValues, 'processType'>;
+export declare function deepEqual(a: unknown, b: unknown): boolean;

package/dist/features/process-configs/form/utils/form.utils.js

@@ -0,0 +1,36 @@
+function withoutProcessType(values) {
+  const { processType, ...rest } = values;
+  return rest;
+}
+function deepEqual(a, b) {
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (a === null || b === null) {
+    return false;
+  }
+  if (typeof a !== "object" || typeof b !== "object") {
+    return false;
+  }
+  if (Array.isArray(a) || Array.isArray(b)) {
+    if (!Array.isArray(a) || !Array.isArray(b)) {
+      return false;
+    }
+    if (a.length !== b.length) {
+      return false;
+    }
+    return a.every((value, index) => deepEqual(value, b[index]));
+  }
+  const aRecord = a;
+  const bRecord = b;
+  const aKeys = Object.keys(aRecord);
+  const bKeys = Object.keys(bRecord);
+  if (aKeys.length !== bKeys.length) {
+    return false;
+  }
+  return aKeys.every((key) => Object.hasOwn(bRecord, key) && deepEqual(aRecord[key], bRecord[key]));
+}
+export {
+  deepEqual,
+  withoutProcessType
+};

package/dist/features/process-configs/index.d.ts

@@ -5,8 +5,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './common';
-export * from './process-config.type';
-export * from './process-config.utils';
-export * from './lf-process-config-edition-dialog';
-export * from './sa-process-config-edition-dialog';
-export * from './sc-process-config-edition-dialog';
+export * from './form/hooks/useProcessConfigForm';
+export * from './form/process-config-form';
+export * from './process-config-edition-dialog';

package/dist/features/process-configs/index.js

@@ -1,20 +1,41 @@
+import { FormSection } from "./common/FormSection.js";
+import { FormSubSection } from "./common/FormSubSection.js";
+import { GeneralInformationSection } from "./common/GeneralInformationSection.js";
+import { ModificationsSubSection } from "./common/ModificationsSubSection.js";
+import { ProvidersParametersSubSection } from "./common/ProvidersParametersSubSection.js";
+import { SpecificInformationSection } from "./common/SpecificInformationSection.js";
 import { ProcessType } from "./common/process-config.type.js";
-import { emptyProcessConfigModificationsFormData, getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./common/process-config-modifications-edition.utils.js";
+import { PROCESS_CONFIG_PARAMETER_FIELDS, PROCESS_CONFIG_TYPE_DEFINITIONS, getProcessConfigTypeDefinition, getProcessTypesRequiringParameter } from "./common/process-config-type.definitions.js";
 import { ProcessConfigModificationsEdition } from "./common/process-config-modifications-edition.js";
-import { getNamedProcessConfigFormData, isProcessType } from "./process-config.utils.js";
-import { LFProcessConfigEditionDialog } from "./lf-process-config-edition-dialog.js";
-import { SAProcessConfigEditionDialog } from "./sa-process-config-edition-dialog.js";
-import { SCProcessConfigEditionDialog } from "./sc-process-config-edition-dialog.js";
+import { getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./common/process-config-modifications-edition.utils.js";
+import { PROCESS_CONFIG_TYPES, getProcessConfigFormDefaultValues } from "./common/process-config-form.constants.js";
+import { getProcessConfigFormSchema } from "./common/process-config-form.schema.js";
+import { getProcessConfigBackendFromFormData, getProcessConfigFormData } from "./common/process-config-mapping.js";
+import { useProcessConfigForm } from "./form/hooks/useProcessConfigForm.js";
+import { ProcessConfigForm } from "./form/process-config-form.js";
+import { ProcessConfigEditionDialog } from "./process-config-edition-dialog.js";
 export {
-  LFProcessConfigEditionDialog,
+  FormSection,
+  FormSubSection,
+  GeneralInformationSection,
+  ModificationsSubSection,
+  PROCESS_CONFIG_PARAMETER_FIELDS,
+  PROCESS_CONFIG_TYPES,
+  PROCESS_CONFIG_TYPE_DEFINITIONS,
+  ProcessConfigEditionDialog,
+  ProcessConfigForm,
   ProcessConfigModificationsEdition,
   ProcessType,
-  SAProcessConfigEditionDialog,
-  SCProcessConfigEditionDialog,
-  emptyProcessConfigModificationsFormData,
-  getNamedProcessConfigFormData,
+  ProvidersParametersSubSection,
+  SpecificInformationSection,
+  getProcessConfigBackendFromFormData,
+  getProcessConfigFormData,
+  getProcessConfigFormDefaultValues,
+  getProcessConfigFormSchema,
   getProcessConfigModificationsBackendFromFormData,
   getProcessConfigModificationsFormData,
-  isProcessType,
-  processConfigModificationsShape
+  getProcessConfigTypeDefinition,
+  getProcessTypesRequiringParameter,
+  processConfigModificationsShape,
+  useProcessConfigForm
 };

package/dist/features/process-configs/process-config-edition-dialog.d.ts

@@ -0,0 +1,2 @@
+import { ProcessConfigEditionDialogProps } from './common';
+export declare function ProcessConfigEditionDialog({ open, onClose, processConfigUuid, processConfigName, description, directory, fetchProcessConfig, updateProcessConfig, }: Readonly<ProcessConfigEditionDialogProps>): import("react").JSX.Element;

package/dist/features/process-configs/{process-config.utils.js → process-config-edition-dialog.js}

@@ -1,16 +1,17 @@
-import { ProcessType } from "./common/process-config.type.js";
-import "./common/process-config-modifications-edition.utils.js";
-import "react/jsx-runtime";
-import "react-hook-form";
-import "react";
-import "react-intl";
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useWatch } from "react-hook-form";
 import "@mui/material";
 import "@mui/icons-material";
+import "react-intl";
 import "../../components/ui/overflowableText/OverflowableText.js";
+import { FieldConstants } from "../../utils/constants/fieldConstants.js";
 import "../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../utils/error.js";
+import { isDisabledValidationButton } from "../../utils/form-utils.js";
 import "../../utils/types/equipmentType.js";
 import "localized-countries";
-import "notistack";
+import { useSnackMessage } from "../../hooks/useSnackMessage.js";
 import "../../components/ui/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../components/ui/treeViewFinder/TreeViewFinder.js";
@@ -19,6 +20,7 @@ import "../../components/ui/dialogs/descriptionModificationDialog/DescriptionMod
 import "../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "@hello-pangea/dnd";
+import { CustomMuiDialog } from "../../components/ui/dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "../../chunks/module.pXeJjFiM.js";
@@ -87,25 +89,83 @@ import "../parameters/dynamic-margin-calculation/time-delay-parameters.js";
 import "../parameters/dynamic-margin-calculation/loads-variations-parameters.js";
 import "../parameters/dynamic-margin-calculation/dynamic-margin-calculation.type.js";
 import "../parameters/dynamic-margin-calculation/use-dynamic-margin-calculation-parameters-form.js";
-import { getNamedLFProcessConfigFormData } from "./loadflow/lf-process-config-edition.utils.js";
-import { getNamedSAProcessConfigFormData } from "./security-analysis/sa-process-config-edition.utils.js";
-import { getNamedSCProcessConfigFormData } from "./shortcircuit/sc-process-config-edition.utils.js";
-function isProcessType(type) {
-  return Object.values(ProcessType).includes(type);
-}
-async function getNamedProcessConfigFormData(processConfig, name, description) {
-  switch (processConfig.processType) {
-    case ProcessType.LOADFLOW:
-      return getNamedLFProcessConfigFormData(processConfig, name, description);
-    case ProcessType.SECURITY_ANALYSIS:
-      return getNamedSAProcessConfigFormData(processConfig, name, description);
-    case ProcessType.SHORT_CIRCUIT:
-      return getNamedSCProcessConfigFormData(processConfig, name, description);
-    default:
-      throw new Error(`Unsupported process type: ${processConfig.processType}`);
-  }
+import "./common/process-config-type.definitions.js";
+import { ProcessType } from "./common/process-config.type.js";
+import "./common/process-config-modifications-edition.utils.js";
+import "./common/process-config-form.constants.js";
+import "./common/process-config-form.schema.js";
+import { getProcessConfigBackendFromFormData } from "./common/process-config-mapping.js";
+import { ProcessConfigForm } from "./form/process-config-form.js";
+import { useProcessConfigForm } from "./form/hooks/useProcessConfigForm.js";
+const PROCESS_CONFIG_EDIT_TITLE_IDS = {
+  [ProcessType.LOADFLOW]: "process_config/editLFProcessConfigTitle",
+  [ProcessType.SECURITY_ANALYSIS]: "process_config/editSAProcessConfigTitle",
+  [ProcessType.SHORT_CIRCUIT]: "process_config/editSCProcessConfigTitle"
+};
+function ProcessConfigEditionDialog({
+  open,
+  onClose,
+  processConfigUuid,
+  processConfigName,
+  description,
+  directory,
+  fetchProcessConfig,
+  updateProcessConfig
+}) {
+  const { formMethods, formSchema, isLoading } = useProcessConfigForm({
+    mode: "edit",
+    processConfigUuid,
+    processConfigName,
+    description,
+    fetchProcessConfig
+  });
+  const {
+    control,
+    formState: { errors }
+  } = formMethods;
+  const { snackError } = useSnackMessage();
+  const selectedProcessType = useWatch({ control, name: "processType" });
+  const handleSave = useCallback(
+    async (values) => {
+      try {
+        await updateProcessConfig(
+          processConfigUuid,
+          values[FieldConstants.NAME] ?? "",
+          values[FieldConstants.DESCRIPTION] ?? "",
+          getProcessConfigBackendFromFormData(values)
+        );
+      } catch (error) {
+        snackWithFallback(snackError, error, { headerId: "processConfig/updateProcessConfigError" });
+      }
+    },
+    [processConfigUuid, updateProcessConfig, snackError]
+  );
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      titleId: PROCESS_CONFIG_EDIT_TITLE_IDS[selectedProcessType] ?? "processConfigEditTitle",
+      open,
+      onClose,
+      onSave: handleSave,
+      formContext: {
+        ...formMethods,
+        validationSchema: formSchema,
+        removeOptional: true
+      },
+      disabledSave: isLoading || isDisabledValidationButton(errors),
+      isDataFetching: isLoading,
+      children: /* @__PURE__ */ jsx(
+        ProcessConfigForm,
+        {
+          form: formMethods,
+          mode: "edit",
+          initialElementName: processConfigName,
+          activeDirectory: directory
+        }
+      )
+    }
+  );
 }
 export {
-  getNamedProcessConfigFormData,
-  isProcessType
+  ProcessConfigEditionDialog
 };