@gridsuite/commons-ui 0.291.0 → 0.293.0

package/dist/components/ui/reactHookForm/directory-item-input/directory-item-input.js

@@ -1,64 +1,105 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Box, Stack, Grid, Tooltip, Typography, FormHelperText, Button } from "@mui/material";
+import { FolderOutlined } from "@mui/icons-material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useState, useMemo, useCallback } from "react";
 import { useController } from "react-hook-form";
-import { FolderOutlined } from "@mui/icons-material";
-import { DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID } from "../constants.js";
-import { getAbsenceLabelKeyFromType } from "./directory-item-utils.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
+import { getAbsenceLabelKeyFromType } from "./directory-item-utils.js";
+import { DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID } from "../constants.js";
 function DirectoryItemInput({ name, types, ...props }) {
   const [isOpen, setIsOpen] = useState(false);
   const {
     field: { onChange, value },
     fieldState: { error }
   } = useController({ name });
-  const nodeInfos = value;
+  const selectedFolder = value;
   const intl = useIntl();
-  const breadcrumb = useMemo(() => {
-    return nodeInfos?.[DIRECTORY_ITEM_FULL_PATH] ? nodeInfos[DIRECTORY_ITEM_FULL_PATH] : void 0;
-  }, [nodeInfos]);
-  const onNodeChanged = useCallback(
-    (nodes) => {
-      if (nodes.length > 0) {
-        const fullPath = nodes[0]?.name;
-        const nodeId = nodes[0]?.id;
-        if (nodeId) {
-          const newNodeInfos = {
-            [DIRECTORY_ITEM_ID]: nodeId,
+  const path = useMemo(() => {
+    return selectedFolder?.[DIRECTORY_ITEM_FULL_PATH] ? selectedFolder[DIRECTORY_ITEM_FULL_PATH] : void 0;
+  }, [selectedFolder]);
+  const onSelectFolder = useCallback(
+    (folders) => {
+      const folder = folders.length > 0 ? folders[0] : void 0;
+      if (folder) {
+        const parentNames = folder.parents?.map((parent) => parent.name) ?? [];
+        const fullPath = [...parentNames, folder.name].join(" / ");
+        const folderId = folder.id;
+        if (folderId) {
+          onChange({
+            [DIRECTORY_ITEM_ID]: folderId,
             [DIRECTORY_ITEM_FULL_PATH]: fullPath
-          };
-          onChange(newNodeInfos);
+          });
         }
       }
       setIsOpen(false);
     },
     [onChange]
   );
+  const [head, tail] = useMemo(() => {
+    if (!path) {
+      return ["", ""];
+    }
+    const lastSeparatorIndex = path.lastIndexOf(" / ");
+    return lastSeparatorIndex === -1 ? [path, ""] : [path.slice(0, lastSeparatorIndex), path.slice(lastSeparatorIndex)];
+  }, [path]);
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Grid, { paddingTop: 1, children: /* @__PURE__ */ jsx(FolderOutlined, {}) }),
-        /* @__PURE__ */ jsx(Grid, { paddingTop: 1, paddingLeft: 1, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", sx: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(
+          Grid,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx(FolderOutlined, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(Grid, { size: { xs: "grow", sm: 8 }, sx: { minWidth: 0, paddingLeft: 1 }, children: /* @__PURE__ */ jsx(
           Tooltip,
           {
-            title: nodeInfos?.[DIRECTORY_ITEM_FULL_PATH] ?? "",
+            title: path ?? "",
             slotProps: {
               tooltip: {
                 sx: {
                   maxWidth: "none"
-                  //  to override the background of text is auto cut
                 }
               }
             },
-            children: /* @__PURE__ */ jsx(Typography, { fontWeight: breadcrumb ? void 0 : "bold", noWrap: true, children: breadcrumb || /* @__PURE__ */ jsx(FormattedMessage, { id: getAbsenceLabelKeyFromType(types?.[0]) }) })
+            children: path ? /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", minWidth: 0, overflow: "hidden" }, "aria-label": path, children: [
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  component: "span",
+                  variant: "body2",
+                  sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+                  children: head
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography, { component: "span", variant: "body2", sx: { whiteSpace: "nowrap" }, children: tail })
+            ] }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", noWrap: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: getAbsenceLabelKeyFromType(types?.[0]) }) })
           }
         ) }),
-        /* @__PURE__ */ jsx(Grid, { paddingTop: 1, paddingLeft: 1, children: error?.message && /* @__PURE__ */ jsx(FormHelperText, { error: true, children: intl.formatMessage({ id: error?.message }) }) })
+        /* @__PURE__ */ jsx(Grid, { paddingTop: 1, paddingLeft: 1, children: error?.message && /* @__PURE__ */ jsx(FormHelperText, { error: true, children: intl.formatMessage({ id: error.message }) }) })
       ] }),
-      /* @__PURE__ */ jsx(Button, { onClick: () => setIsOpen(true), variant: "contained", color: "primary", component: "label", children: /* @__PURE__ */ jsx(FormattedMessage, { id: breadcrumb ? "edit" : "Select" }) })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          onClick: () => setIsOpen(true),
+          component: "label",
+          sx: {
+            textTransform: "none",
+            whiteSpace: "nowrap"
+          },
+          children: /* @__PURE__ */ jsx(FormattedMessage, { id: path ? "edit" : "Select" })
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx(DirectoryItemSelector, { open: isOpen, onClose: onNodeChanged, types, ...props })
+    /* @__PURE__ */ jsx(DirectoryItemSelector, { open: isOpen, onClose: onSelectFolder, types, ...props })
   ] });
 }
 export {

package/dist/features/index.js

@@ -313,13 +313,22 @@ import { SHORTCIRCUIT_ANALYSIS_RESULT_SORT_STORE, ShortCircuitAnalysisResultTabl
 import { ShortCircuitAnalysisResult } from "./results/shortcircuit/shortcircuit-analysis-result.js";
 import { ShortCircuitAnalysisAllBusesResult } from "./results/shortcircuit/shortcircuit-analysis-all-buses-result.js";
 import { RESULTS_LOADING_DELAY } from "./results/constants.js";
+import { FormSection } from "./process-configs/common/FormSection.js";
+import { FormSubSection } from "./process-configs/common/FormSubSection.js";
+import { GeneralInformationSection } from "./process-configs/common/GeneralInformationSection.js";
+import { ModificationsSubSection } from "./process-configs/common/ModificationsSubSection.js";
+import { ProvidersParametersSubSection } from "./process-configs/common/ProvidersParametersSubSection.js";
+import { SpecificInformationSection } from "./process-configs/common/SpecificInformationSection.js";
 import { ProcessType } from "./process-configs/common/process-config.type.js";
-import { emptyProcessConfigModificationsFormData, getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./process-configs/common/process-config-modifications-edition.utils.js";
+import { PROCESS_CONFIG_PARAMETER_FIELDS, PROCESS_CONFIG_TYPE_DEFINITIONS, getProcessConfigTypeDefinition, getProcessTypesRequiringParameter } from "./process-configs/common/process-config-type.definitions.js";
 import { ProcessConfigModificationsEdition } from "./process-configs/common/process-config-modifications-edition.js";
-import { getNamedProcessConfigFormData, isProcessType } from "./process-configs/process-config.utils.js";
-import { LFProcessConfigEditionDialog } from "./process-configs/lf-process-config-edition-dialog.js";
-import { SAProcessConfigEditionDialog } from "./process-configs/sa-process-config-edition-dialog.js";
-import { SCProcessConfigEditionDialog } from "./process-configs/sc-process-config-edition-dialog.js";
+import { getProcessConfigModificationsBackendFromFormData, getProcessConfigModificationsFormData, processConfigModificationsShape } from "./process-configs/common/process-config-modifications-edition.utils.js";
+import { PROCESS_CONFIG_TYPES, getProcessConfigFormDefaultValues } from "./process-configs/common/process-config-form.constants.js";
+import { getProcessConfigFormSchema } from "./process-configs/common/process-config-form.schema.js";
+import { getProcessConfigBackendFromFormData, getProcessConfigFormData } from "./process-configs/common/process-config-mapping.js";
+import { useProcessConfigForm } from "./process-configs/form/hooks/useProcessConfigForm.js";
+import { ProcessConfigForm } from "./process-configs/form/process-config-form.js";
+import { ProcessConfigEditionDialog } from "./process-configs/process-config-edition-dialog.js";
 import { GlobalFilterPanel } from "./global-filter/ui/global-filter-panel.js";
 import { GlobalFilterType, isCriteriaFilter, isCriteriaFilterType } from "./global-filter/types/global-filter.type.js";
 import { LimitTypes } from "./global-filter/types/limit-violation.type.js";
@@ -434,10 +443,13 @@ export {
   FROM_COLUMN_TO_FIELD_ONE_BUS,
   FeederBayDirectionCellRenderer,
   FeederBayPositionCellRenderer,
+  FormSection,
+  FormSubSection,
   GENERAL,
   GENERAL_APPLY_MODIFICATIONS,
   GENERATORS_SELECTION_TYPE,
   GENERATOR_TAB_FIELDS,
+  GeneralInformationSection,
   GeneratorCreationForm,
   GeneratorDialogHeader,
   GeneratorDialogTab,
@@ -465,7 +477,6 @@ export {
   ImportRuleDialog,
   InitialVoltage,
   LEG_SIDE,
-  LFProcessConfigEditionDialog,
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
   LINE_FLOW_MODE,
@@ -532,6 +543,7 @@ export {
   ModificationByAssignmentForm,
   ModificationByFormulaForm,
   ModificationRow,
+  ModificationsSubSection,
   MoveVoltageLevelFeederBaysForm,
   NAD_POSITIONS_GENERATION_MODE,
   NAD_POSITIONS_GENERATION_MODE_LABEL,
@@ -574,6 +586,9 @@ export {
   POSITION_NEW_SECTION_SIDE,
   PREV_CONNECTION_STATUS,
   PRIORITY,
+  PROCESS_CONFIG_PARAMETER_FIELDS,
+  PROCESS_CONFIG_TYPES,
+  PROCESS_CONFIG_TYPE_DEFINITIONS,
   PROPERTY_CSV_COLUMN_PREFIX,
   PROVIDER,
   PSTS_EQUIPMENT_TYPES,
@@ -593,11 +608,14 @@ export {
   PowerMeasurementsForm,
   PowerWithValidityForm,
   PredefinedParameters,
+  ProcessConfigEditionDialog,
+  ProcessConfigForm,
   ProcessConfigModificationsEdition,
   ProcessType,
   PropertiesForm,
   PropertyForm,
   ProviderParam,
+  ProvidersParametersSubSection,
   RATIO_TAP_CHANGER_POSITION,
   RATIO_TAP_CHANGER_TARGET_V,
   REACTIVE_LIMIT_TYPES,
@@ -623,9 +641,7 @@ export {
   RootNetworkCellRenderer,
   RootNetworkChipCell,
   RootNetworkHeaderRenderer,
-  SAProcessConfigEditionDialog,
   SCENARIO_DURATION,
-  SCProcessConfigEditionDialog,
   SELECTION_TYPE,
   SENSITIVITY_TYPES,
   SENSI_BRANCHES_TAB_FIELDS,
@@ -686,6 +702,7 @@ export {
   ShuntCompensatorSelectionForm,
   SignInCallbackHandler,
   SilentRenewCallbackHandler,
+  SpecificInformationSection,
   StaticVarCompensatorCreationForm,
   StaticVarCompensatorDialogHeader,
   StaticVarCompensatorDialogTab,
@@ -848,7 +865,6 @@ export {
   emptyModificationByAssignmentFormData,
   emptyModificationFormData,
   emptyMoveVoltageLevelFeederBaysFormData,
-  emptyProcessConfigModificationsFormData,
   emptyProperties,
   emptyTabularProperties,
   equipmentDeletionDtoToForm,
@@ -952,7 +968,6 @@ export {
   getLineCharacteristicsEmptyFormData,
   getLineCharacteristicsFormData,
   getLineCharacteristicsValidationSchemaProps,
-  getNamedProcessConfigFormData,
   getNewVoltageLevelData,
   getNoRowsMessage,
   getOptionLabel,
@@ -965,8 +980,14 @@ export {
   getPowerWithValidityEmptyFormData,
   getPowerWithValidityValidationSchema,
   getPreLoginPath,
+  getProcessConfigBackendFromFormData,
+  getProcessConfigFormData,
+  getProcessConfigFormDefaultValues,
+  getProcessConfigFormSchema,
   getProcessConfigModificationsBackendFromFormData,
   getProcessConfigModificationsFormData,
+  getProcessConfigTypeDefinition,
+  getProcessTypesRequiringParameter,
   getPropertiesFromModification,
   getPropertyAvatar,
   getPropertyValue,
@@ -1037,7 +1058,6 @@ export {
   isCriteriaFilterType,
   isEditingGlobalFilter,
   isFieldTypeOk,
-  isProcessType,
   isReferenceModification,
   isValidComputingType,
   isValidContingencyRow,
@@ -1156,6 +1176,7 @@ export {
   useNotificationsListener,
   useParameterLayoutContext,
   useParametersForm,
+  useProcessConfigForm,
   voltageLevelCreationDtoToForm,
   voltageLevelCreationEmptyFormData,
   voltageLevelCreationFormSchema,

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

@@ -38,7 +38,7 @@ const equipmentsSelectionStyles = {
     marginBottom: theme.spacing(2)
   }),
   choice: (theme) => ({
-    marginTop: theme.spacing(4)
+    marginTop: theme.spacing(2)
   }),
   choiceContainer: {
     paddingLeft: 1
@@ -56,7 +56,11 @@ const initialEquipmentsSelectionType = {
 };
 function EquipmentSelectionParameters() {
   return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(Alert, { sx: equipmentsSelectionStyles.alert, severity: "info", variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersEquipmentsSelectionAlert" }) }),
+    /* @__PURE__ */ jsxs(Alert, { sx: equipmentsSelectionStyles.alert, severity: "info", variant: "outlined", children: [
+      /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersEquipmentsSelectionAlert" }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersBatteriesAlert" })
+    ] }),
     /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
       RadioInput,
       {

package/dist/features/process-configs/common/FormSection.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type FormSectionProps = {
+    children: ReactNode;
+    id: string;
+    title: ReactNode;
+};
+export declare function FormSection({ children, id, title }: FormSectionProps): import("react").JSX.Element;
+export {};

package/dist/features/process-configs/common/FormSection.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Typography } from "@mui/material";
+function FormSection({ children, id, title }) {
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, component: "section", "aria-labelledby": id, children: [
+    /* @__PURE__ */ jsx(Typography, { id, variant: "h6", children: title }),
+    children
+  ] });
+}
+export {
+  FormSection
+};

package/dist/features/process-configs/common/FormSubSection.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type FormSubSectionProps = {
+    children: ReactNode;
+    id: string;
+    title: ReactNode;
+};
+export declare function FormSubSection({ children, id, title }: FormSubSectionProps): import("react").JSX.Element;
+export {};

package/dist/features/process-configs/common/FormSubSection.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Typography } from "@mui/material";
+function FormSubSection({ children, id, title }) {
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, component: "section", "aria-labelledby": id, children: [
+    /* @__PURE__ */ jsx(Typography, { id, variant: "subtitle1", fontWeight: 600, children: title }),
+    children
+  ] });
+}
+export {
+  FormSubSection
+};

package/dist/features/process-configs/common/GeneralInformationSection.d.ts

@@ -0,0 +1,8 @@
+import { UUID } from 'node:crypto';
+type GeneralInformationSectionProps = {
+    activeDirectory?: UUID;
+    initialElementName?: string;
+    withFolderField?: boolean;
+};
+export declare function GeneralInformationSection({ activeDirectory, initialElementName, withFolderField, }: Readonly<GeneralInformationSectionProps>): import("react").JSX.Element;
+export {};

package/dist/features/process-configs/{shortcircuit/sc-process-config-edition.utils.js → common/GeneralInformationSection.js}

@@ -1,29 +1,29 @@
-import * as yup from "yup";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid, Typography } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import { FormSection } from "./FormSection.js";
+import "@mui/icons-material";
+import "../../../components/ui/overflowableText/OverflowableText.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.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 { fetchElementNames } from "../../../services/directory.js";
-import { ProcessType } from "../common/process-config.type.js";
-import { emptyProcessConfigModificationsFormData, getProcessConfigModificationsFormData, processConfigModificationsShape, getProcessConfigModificationsBackendFromFormData } from "../common/process-config-modifications-edition.utils.js";
-import "react-hook-form";
 import "react";
-import "react-intl";
-import "@mui/material";
-import "../../../components/ui/overflowableText/OverflowableText.js";
+import "react-hook-form";
 import "localized-countries";
 import "notistack";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
 import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { DescriptionField } from "../../../components/ui/reactHookForm/text/DescriptionField.js";
+import { UniqueNameInput } from "../../../components/ui/reactHookForm/text/UniqueNameInput.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 { DirectoryItemInput } from "../../../components/ui/reactHookForm/directory-item-input/directory-item-input.js";
 import "@hello-pangea/dnd";
 import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import { getNameElementEditorEmptyFormData, getNameElementEditorSchema } from "../../../components/ui/dialogs/name-element-editor/name-element-editor-utils.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "../../../chunks/module.pXeJjFiM.js";
 import "react-resizable-panels";
@@ -54,48 +54,51 @@ import "../../../components/composite/report/report-viewer/log-table/log-table.j
 import "react-window";
 import "../../../components/composite/report/report-treeview/treeview-item.js";
 import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
-function getNamedSCProcessConfigFormSchema(initialName) {
-  const formSchema = yup.object().shape({
-    ...processConfigModificationsShape,
-    [FieldConstants.SHORTCIRCUIT_PARAMETERS]: yup.array().required().of(yup.object().shape({ id: yup.string().required(), name: yup.string() })).length(1, YUP_REQUIRED)
-  });
-  return formSchema.concat(getNameElementEditorSchema(initialName));
-}
-function getEmptySCProcessConfigFormData(initialName, initialDescription) {
-  return {
-    ...getNameElementEditorEmptyFormData(initialName, initialDescription),
-    ...emptyProcessConfigModificationsFormData,
-    [FieldConstants.SHORTCIRCUIT_PARAMETERS]: []
-  };
-}
-async function getNamedSCProcessConfigFormData(processConfig, name, description) {
-  const allUuids = /* @__PURE__ */ new Set([
-    ...processConfig.modifications.map((modification) => modification.modificationUuid),
-    processConfig.shortCircuitParametersUuid
-  ]);
-  const elementNamesByUuid = await fetchElementNames(allUuids);
-  return {
-    name,
-    description: description ?? void 0,
-    ...getProcessConfigModificationsFormData(processConfig.modifications, elementNamesByUuid),
-    [FieldConstants.SHORTCIRCUIT_PARAMETERS]: [
-      {
-        id: processConfig.shortCircuitParametersUuid,
-        name: elementNamesByUuid[processConfig.shortCircuitParametersUuid]
-      }
-    ]
-  };
-}
-function getSCProcessConfigBackendFromFormData(formData) {
-  return {
-    processType: ProcessType.SHORT_CIRCUIT,
-    ...getProcessConfigModificationsBackendFromFormData(formData[FieldConstants.MODIFICATIONS]),
-    shortCircuitParametersUuid: formData[FieldConstants.SHORTCIRCUIT_PARAMETERS][0].id
-  };
+function GeneralInformationSection({
+  activeDirectory,
+  initialElementName,
+  withFolderField = false
+}) {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsx(FormSection, { id: "general-information-heading", title: /* @__PURE__ */ jsx(FormattedMessage, { id: "processConfigGeneralInformation" }), children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { size: { xs: 12, sm: 12 }, children: [
+      /* @__PURE__ */ jsx(
+        UniqueNameInput,
+        {
+          name: FieldConstants.NAME,
+          label: "nameProperty",
+          elementType: ElementType.PROCESS_CONFIG,
+          currentName: initialElementName,
+          activeDirectory,
+          autoFocus: true,
+          formProps: { size: "small" }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DescriptionField,
+        {
+          buttonLabel: "AddDescription",
+          expandingTextSx: { marginTop: 1 },
+          buttonSx: { textTransform: "none" }
+        }
+      )
+    ] }),
+    withFolderField && /* @__PURE__ */ jsxs(Grid, { size: { xs: 12, sm: 12 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "processConfigSaveDirectory" }) }),
+      /* @__PURE__ */ jsx(
+        DirectoryItemInput,
+        {
+          name: FieldConstants.DIRECTORY,
+          types: [ElementType.DIRECTORY],
+          multiSelect: false,
+          onlyLeaves: false,
+          validationButtonText: intl.formatMessage({ id: "validate" }),
+          title: intl.formatMessage({ id: "processConfigSaveDirectory" })
+        }
+      )
+    ] })
+  ] }) });
 }
 export {
-  getEmptySCProcessConfigFormData,
-  getNamedSCProcessConfigFormData,
-  getNamedSCProcessConfigFormSchema,
-  getSCProcessConfigBackendFromFormData
+  GeneralInformationSection
 };

package/dist/features/process-configs/{security-analysis/index.d.ts → common/ModificationsSubSection.d.ts}

@@ -4,6 +4,4 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export * from './sa-process-config.type';
-export * from './sa-process-config-edition';
-export * from './sa-process-config-edition.utils';
+export declare function ModificationsSubSection(): import("react").JSX.Element;

package/dist/features/process-configs/common/ModificationsSubSection.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { FormSubSection } from "./FormSubSection.js";
+import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { ProcessConfigModificationsEdition } from "./process-config-modifications-edition.js";
+function ModificationsSubSection() {
+  return /* @__PURE__ */ jsx(FormSubSection, { id: "modifications-heading", title: /* @__PURE__ */ jsx(FormattedMessage, { id: "process_config/modifications" }), children: /* @__PURE__ */ jsx(ProcessConfigModificationsEdition, { name: FieldConstants.MODIFICATIONS }) });
+}
+export {
+  ModificationsSubSection
+};

package/dist/features/process-configs/common/ProvidersParametersSubSection.d.ts

@@ -0,0 +1,5 @@
+import { Control } from 'react-hook-form';
+import { ProcessConfigFormValues } from './process-config-form.types';
+export declare function ProvidersParametersSubSection({ control }: Readonly<{
+    control: Control<ProcessConfigFormValues>;
+}>): import("react").JSX.Element;

package/dist/features/process-configs/{loadflow/lf-process-config-edition.js → common/ProvidersParametersSubSection.js}

@@ -1,16 +1,13 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useWatch } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
-import "../common/process-config-modifications-edition.utils.js";
-import { ProcessConfigModificationsEdition } from "../common/process-config-modifications-edition.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 { FormSubSection } from "./FormSubSection.js";
+import "@mui/material";
 import "@mui/icons-material";
 import "react";
 import "../../../components/ui/overflowableText/OverflowableText.js";
-import "react-hook-form";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
 import "localized-countries";
 import "notistack";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
@@ -68,23 +65,35 @@ 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";
-function LFProcessConfigEdition() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { component: "h3", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "process_config/modifications" }) }),
-    /* @__PURE__ */ jsx(ProcessConfigModificationsEdition, { name: FieldConstants.MODIFICATIONS }),
-    /* @__PURE__ */ jsx(Box, { component: "h3", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "process_config/providersParameters" }) }),
-    /* @__PURE__ */ jsx(
-      ParameterLineDirectoryItemsInput,
-      {
-        label: "process_config/loadflow",
-        elementType: ElementType.LOADFLOW_PARAMETERS,
-        name: FieldConstants.LOADFLOW_PARAMETERS,
-        allowMultiSelect: false,
-        hideErrorMessage: false
-      }
-    )
-  ] });
+import { getProcessConfigTypeDefinition } from "./process-config-type.definitions.js";
+const commonDirectoryItemsInputProps = {
+  allowMultiSelect: false,
+  hideErrorMessage: false,
+  labelGridSize: 4,
+  inputGridSize: 8,
+  showPlaceHolder: true
+};
+function ProvidersParametersSubSection({ control }) {
+  const selectedProcessType = useWatch({ control, name: "processType" });
+  const definition = getProcessConfigTypeDefinition(selectedProcessType);
+  return /* @__PURE__ */ jsx(
+    FormSubSection,
+    {
+      id: "network-parameters-heading",
+      title: /* @__PURE__ */ jsx(FormattedMessage, { id: "process_config/providersParameters" }),
+      children: definition?.parameters.map(({ field, elementType, label }) => /* @__PURE__ */ jsx(
+        ParameterLineDirectoryItemsInput,
+        {
+          label,
+          elementType,
+          name: field,
+          ...commonDirectoryItemsInputProps
+        },
+        field
+      ))
+    }
+  );
 }
 export {
-  LFProcessConfigEdition
+  ProvidersParametersSubSection
 };

package/dist/features/process-configs/common/SpecificInformationSection.d.ts

@@ -0,0 +1,8 @@
+import { Control } from 'react-hook-form';
+import { ProcessConfigFormValues } from './process-config-form.types';
+type SpecificInformationSectionProps = {
+    control: Control<ProcessConfigFormValues>;
+    onPrefill?: () => void;
+};
+export declare function SpecificInformationSection({ control, onPrefill }: Readonly<SpecificInformationSectionProps>): import("react").JSX.Element;
+export {};

package/dist/features/process-configs/common/SpecificInformationSection.js

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { FormSection } from "./FormSection.js";
+import { ModificationsSubSection } from "./ModificationsSubSection.js";
+import { ProvidersParametersSubSection } from "./ProvidersParametersSubSection.js";
+function SpecificInformationSection({ control, onPrefill }) {
+  return /* @__PURE__ */ jsxs(
+    FormSection,
+    {
+      id: "specific-information-heading",
+      title: /* @__PURE__ */ jsxs(Stack, { component: "span", direction: "row", alignItems: "center", justifyContent: "space-between", width: "100%", children: [
+        /* @__PURE__ */ jsx(FormattedMessage, { id: "processConfigSpecificInformation" }),
+        onPrefill && /* @__PURE__ */ jsx(Button, { variant: "outlined", sx: { textTransform: "none" }, onClick: onPrefill, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "processConfigPrefill" }) })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(ModificationsSubSection, {}),
+        /* @__PURE__ */ jsx(ProvidersParametersSubSection, { control })
+      ]
+    }
+  );
+}
+export {
+  SpecificInformationSection
+};