chore(VscHvdc): move creation and modification forms from grid-study

src/components/ui/reactHookForm/utils/HelperPreviousValue.tsx

@@ -37,7 +37,7 @@ export function HelperPreviousValue({
     }
 
     return (
-        <FormHelperText error={false} sx={{ marginLeft: 0 }}>
+        <FormHelperText component="div" error={false} sx={{ marginLeft: 0 }}>
             {!disabledTooltip ? (
                 <Stack direction="row" spacing={1} sx={{ alignItems: 'center' }}>
                     <CustomTooltip

src/features/network-modifications/battery/modification/BatteryDialogTabsContent.tsx

@@ -19,6 +19,7 @@ import {
     PropertiesForm,
     ReactiveLimitsForm,
     ShortCircuitForm,
+    UpdateReactiveCapabilityCurveTable,
     VoltageRegulationForm,
 } from '../../common';
 import { CheckboxNullableInput, FloatInput } from '../../../../components';
@@ -27,7 +28,7 @@ import { ActivePowerAdornment, EquipmentType, Identifiable, ReactivePowerAdornme
 
 export interface BatteryDialogTabsContentProps extends ConnectivityNetworkProps {
     batteryToModify?: BatteryFormInfos | null;
-    updatePreviousReactiveCapabilityCurveTable: (action: string, index: number) => void;
+    updatePreviousReactiveCapabilityCurveTable: UpdateReactiveCapabilityCurveTable;
     fetchVoltageLevelEquipments: (voltageLevelId: string) => Promise<(Identifiable & { type: EquipmentType })[]>;
     tabIndex: number;
 }

src/features/network-modifications/common/reactiveLimits/reactiveCapabilityCurve/reactiveCapability.utils.ts

@@ -5,7 +5,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import { array, number, ref, object, TestContext, ValidationError } from 'yup';
-import { FieldValues, UseFormSetValue } from 'react-hook-form';
 import { ReactiveCapabilityCurve } from '../reactiveLimits.type';
 import { FieldConstants, toNumber, validateValueIsANumber, YUP_REQUIRED } from '../../../../../utils';
 import type { GeneratorCreationFormData } from '../../../generator/creation/generatorCreation.utils';
@@ -39,7 +38,7 @@ function getNotNullPFromArray(values: ReactiveCapabilityCurve) {
         ?.map((element) => {
             const pValue = element[FieldConstants.P];
 
-            // Note : convertion toNumber is necessary here to prevent corner cases like if
+            // Note : conversion toNumber is necessary here to prevent corner cases like if
             // two values are "-0" and "0", which would be considered different by the Set below.
             return validateValueIsANumber(pValue) ? toNumber(pValue) : null;
         })
@@ -139,22 +138,6 @@ export const getReactiveCapabilityCurveValidationSchema = (
     [id]: getReactiveCapabilityCurveValidationSchemaArray(positiveAndNegativePExist),
 });
 
-export function setSelectedReactiveLimits(
-    id: string,
-    minMaxReactiveLimits: number,
-    setValue: UseFormSetValue<FieldValues>
-) {
-    setValue(id, minMaxReactiveLimits ? 'MINMAX' : 'CURVE');
-}
-
-export function setCurrentReactiveCapabilityCurveTable(
-    previousReactiveCapabilityCurveTable: ReactiveCapabilityCurve,
-    fieldKey: string,
-    setValue: UseFormSetValue<FieldValues>
-) {
-    setValue(fieldKey, previousReactiveCapabilityCurveTable);
-}
-
 function handleReactiveCapabilityCurveChoice(
     previousChoice: string | null | undefined,
     currentReactiveLimits: ReactiveLimitsFormData
@@ -195,7 +178,7 @@ export function toReactiveCapabilityCurveChoiceForGeneratorCreation(
     return handleReactiveCapabilityCurveChoice(previousChoice, form.reactiveLimits);
 }
 
-// In case the user has changed the choice of the reactive capability curve, but not the values, we keep the original choice, or the network equipement value
+// In case the user has changed the choice of the reactive capability curve, but not the values, we keep the original choice, or the network equipment value
 export function toReactiveCapabilityCurveChoiceForGeneratorModification(
     form: GeneratorModificationFormData,
     generatorToModify: GeneratorFormInfos | undefined,

src/features/network-modifications/common/reactiveLimits/reactiveLimits.type.ts

@@ -19,3 +19,5 @@ export interface MinMaxReactiveLimitsFormInfos {
 export type ReactiveCapabilityCurve = ReactiveCapabilityCurveRow[] | null | undefined;
 
 export type ReactiveCapabilityCurveRow = { maxQ: number | null; minQ: number | null; p: number | null };
+
+export type UpdateReactiveCapabilityCurveTable = (action: string, index: number) => void;

src/features/network-modifications/generator/modification/GeneratorDialogTabsContent.tsx

@@ -18,6 +18,7 @@ import {
     ReactiveLimitsForm,
     SetPointsForm,
     ShortCircuitForm,
+    UpdateReactiveCapabilityCurveTable,
     VoltageRegulationForm,
 } from '../../common';
 import { GeneratorFormInfos } from '../generatorDialog.type';
@@ -34,7 +35,7 @@ import { GridItem } from '../../../../components/composite/grid/grid-item';
 
 export interface GeneratorDialogTabsContentProps extends ConnectivityNetworkProps {
     generatorToModify?: GeneratorFormInfos | null;
-    updatePreviousReactiveCapabilityCurveTable: (action: string, index: number) => void;
+    updatePreviousReactiveCapabilityCurveTable: UpdateReactiveCapabilityCurveTable;
     fetchVoltageLevelEquipments: (voltageLevelId: string) => Promise<(Identifiable & { type: EquipmentType })[]>;
     tabIndex: number;
 }

src/features/network-modifications/hvdcLine/index.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 './vsc';

src/features/network-modifications/hvdcLine/vsc/common/characteristics/VscHvdcLineCharacteristicsPane.tsx

@@ -0,0 +1,197 @@
+/**
+ * Copyright (c) 2023, 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/.
+ */
+
+import { useEffect } from 'react';
+import { Grid } from '@mui/material';
+import { useFormContext, useWatch } from 'react-hook-form';
+import { useIntl } from 'react-intl';
+import { VSC_CONVERTER_MODE, VscHvdcLineInfo } from '../vscHvdcLine.types';
+import { ActivePowerAdornment, FieldConstants, OhmAdornment, VoltageAdornment } from '../../../../../../utils';
+import {
+    CheckboxNullableInput,
+    FloatInput,
+    GridItem,
+    GridSection,
+    SelectInput,
+    SwitchInput,
+} from '../../../../../../components';
+import { PropertiesForm } from '../../../../common/properties';
+
+interface VscHvdcLineCharacteristicsPaneProps {
+    id?: string;
+    isModification: boolean;
+    hvdcLineToModify?: VscHvdcLineInfo | null;
+}
+
+export function VscHvdcLineCharacteristicsPane({
+    id = FieldConstants.HVDC_LINE,
+    isModification = false,
+    hvdcLineToModify,
+}: Readonly<VscHvdcLineCharacteristicsPaneProps>) {
+    const intl = useIntl();
+    const { trigger } = useFormContext();
+
+    const angleDroopWatch = useWatch({
+        name: `${id}.${FieldConstants.ANGLE_DROOP_ACTIVE_POWER_CONTROL}`,
+    });
+
+    useEffect(() => {
+        if (!angleDroopWatch) {
+            trigger(`${id}.${FieldConstants.P0}`);
+            trigger(`${id}.${FieldConstants.DROOP}`);
+        }
+    }, [angleDroopWatch, trigger, id]);
+
+    const dcNominalVoltageField = (
+        <FloatInput
+            name={`${id}.${FieldConstants.NOMINAL_V}`}
+            adornment={VoltageAdornment}
+            label="dcNominalVoltageLabel"
+            previousValue={hvdcLineToModify?.nominalV}
+        />
+    );
+
+    const dcResistanceField = (
+        <FloatInput
+            name={`${id}.${FieldConstants.R}`}
+            adornment={OhmAdornment}
+            label="dcResistanceLabel"
+            previousValue={hvdcLineToModify?.r}
+        />
+    );
+
+    const maximumActivePowerField = (
+        <FloatInput
+            name={`${id}.${FieldConstants.MAX_P}`}
+            adornment={ActivePowerAdornment}
+            label="MaximumActivePowerText"
+            previousValue={hvdcLineToModify?.maxP}
+        />
+    );
+
+    const operatorActivePowerLimitSide1Field = (
+        <FloatInput
+            name={`${id}.${FieldConstants.OPERATOR_ACTIVE_POWER_LIMIT_SIDE1}`}
+            adornment={ActivePowerAdornment}
+            label="operatorActivePowerLimitSide1Label"
+            previousValue={hvdcLineToModify?.hvdcOperatorActivePowerRange?.oprFromCS1toCS2}
+        />
+    );
+
+    const operatorActivePowerLimitSide2Field = (
+        <FloatInput
+            name={`${id}.${FieldConstants.OPERATOR_ACTIVE_POWER_LIMIT_SIDE2}`}
+            adornment={ActivePowerAdornment}
+            label="operatorActivePowerLimitSide2Label"
+            previousValue={hvdcLineToModify?.hvdcOperatorActivePowerRange?.oprFromCS2toCS1}
+        />
+    );
+
+    const previousConverterMode = () => {
+        if (hvdcLineToModify?.convertersMode === VSC_CONVERTER_MODE.SIDE_1_INVERTER_SIDE_2_RECTIFIER.id) {
+            return intl.formatMessage({
+                id: VSC_CONVERTER_MODE.SIDE_1_INVERTER_SIDE_2_RECTIFIER.label,
+            });
+        }
+        if (hvdcLineToModify?.convertersMode === VSC_CONVERTER_MODE.SIDE_1_RECTIFIER_SIDE_2_INVERTER.id) {
+            return intl.formatMessage({
+                id: VSC_CONVERTER_MODE.SIDE_1_RECTIFIER_SIDE_2_INVERTER.label,
+            });
+        }
+        return undefined;
+    };
+
+    const converterModeField = (
+        <SelectInput
+            name={`${id}.${FieldConstants.CONVERTERS_MODE}`}
+            label="converterModeLabel"
+            options={Object.values(VSC_CONVERTER_MODE)}
+            size="small"
+            disableClearable
+            previousValue={previousConverterMode()}
+        />
+    );
+
+    const activePowerField = (
+        <FloatInput
+            name={`${id}.${FieldConstants.ACTIVE_POWER_SET_POINT}`}
+            label="ActivePowerText"
+            adornment={ActivePowerAdornment}
+            previousValue={hvdcLineToModify?.activePowerSetpoint}
+        />
+    );
+
+    const previousAngleDropPowerControl = () => {
+        if (hvdcLineToModify?.hvdcAngleDroopActivePowerControl?.isEnabled === true) {
+            return intl.formatMessage({ id: 'On' });
+        }
+
+        return intl.formatMessage({ id: 'Off' });
+    };
+
+    function getAngleDroopActivePowerControlField() {
+        if (isModification) {
+            return (
+                <CheckboxNullableInput
+                    name={`${id}.${FieldConstants.ANGLE_DROOP_ACTIVE_POWER_CONTROL}`}
+                    label="angleDroopActivePowerControlLabel"
+                    previousValue={previousAngleDropPowerControl()}
+                />
+            );
+        }
+        return (
+            <SwitchInput
+                name={`${id}.${FieldConstants.ANGLE_DROOP_ACTIVE_POWER_CONTROL}`}
+                label="angleDroopActivePowerControlLabel"
+            />
+        );
+    }
+
+    const AngleDroopActivePowerControl = getAngleDroopActivePowerControlField();
+
+    const p0Field = (
+        <FloatInput
+            name={`${id}.${FieldConstants.P0}`}
+            label="p0Label"
+            adornment={ActivePowerAdornment}
+            previousValue={hvdcLineToModify?.hvdcAngleDroopActivePowerControl?.p0}
+        />
+    );
+
+    const droopField = (
+        <FloatInput
+            name={`${id}.${FieldConstants.DROOP}`}
+            label="droopLabel"
+            previousValue={hvdcLineToModify?.hvdcAngleDroopActivePowerControl?.droop}
+        />
+    );
+
+    return (
+        <>
+            <GridSection title="Characteristics" />
+            <Grid container spacing={2} sx={{ width: '100%' }}>
+                <GridItem>{dcNominalVoltageField}</GridItem>
+                <GridItem>{dcResistanceField}</GridItem>
+                <GridItem>{maximumActivePowerField}</GridItem>
+            </Grid>
+            <GridSection title="Limits" />
+            <Grid container spacing={2} sx={{ width: '100%' }}>
+                <GridItem>{operatorActivePowerLimitSide1Field}</GridItem>
+                <GridItem>{operatorActivePowerLimitSide2Field}</GridItem>
+            </Grid>
+            <GridSection title="Setpoints" />
+            <Grid container spacing={2} sx={{ width: '100%' }}>
+                <GridItem>{converterModeField}</GridItem>
+                <GridItem>{activePowerField}</GridItem>
+                <GridItem size={12}>{AngleDroopActivePowerControl}</GridItem>
+                <GridItem>{droopField}</GridItem>
+                <GridItem>{p0Field}</GridItem>
+            </Grid>
+            <PropertiesForm isModification={isModification} />
+        </>
+    );
+}

src/features/network-modifications/hvdcLine/vsc/common/characteristics/index.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 './vscHvdcLineCharacteristicsPane.utils';
+export * from './VscHvdcLineCharacteristicsPane';