@gridsuite/commons-ui 0.181.0 → 0.183.0

package/dist/components/index.js

@@ -81,6 +81,8 @@ import { SliderInput } from "./inputs/reactHookForm/numbers/SliderInput.js";
 import { isFloatNumber, isIntegerNumber } from "./inputs/reactHookForm/numbers/utils.js";
 import { CustomFormContext, CustomFormProvider } from "./inputs/reactHookForm/provider/CustomFormProvider.js";
 import { useCustomFormContext } from "./inputs/reactHookForm/provider/useCustomFormContext.js";
+import { ReadOnlyInput } from "./inputs/reactHookForm/readOnly/ReadOnlyInput.js";
+import { ButtonReadOnlyInput } from "./inputs/reactHookForm/readOnly/ButtonReadOnlyInput.js";
 import { CountriesInput } from "./inputs/reactHookForm/selectInputs/CountriesInput.js";
 import { InputWithPopupConfirmation } from "./inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { MuiSelectInput } from "./inputs/reactHookForm/selectInputs/MuiSelectInput.js";
@@ -201,6 +203,12 @@ import { SetPointsForm } from "./network-modifications/common/setpoints/SetPoint
 import { createConnectivityData, getCon1andCon2WithPositionValidationSchema, getConnectivityBusBarSectionData, getConnectivityData, getConnectivityFormData, getConnectivityFormDataProps, getConnectivityPropertiesData, getConnectivityPropertiesEmptyFormData, getConnectivityPropertiesValidationSchema, getConnectivityVoltageLevelData, getConnectivityWithPositionEmptyFormData, getConnectivityWithPositionEmptyFormDataProps, getConnectivityWithPositionSchema, getConnectivityWithPositionValidationSchema, getConnectivityWithoutPositionEmptyFormData, getConnectivityWithoutPositionValidationSchema, getCont1Cont2WithPositionEmptyFormData, getNewVoltageLevelData } from "./network-modifications/common/connectivity/connectivityForm.utils.js";
 import { ConnectivityForm } from "./network-modifications/common/connectivity/ConnectivityForm.js";
 import { BranchConnectivityForm } from "./network-modifications/common/connectivity/BranchConnectivityForm.js";
+import { getHvdcLccDeletionSchema } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/hvdcLccDeletion.utils.js";
+import { ShuntCompensatorSelectionForm } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js";
+import { useHvdcLccDeletion } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/useHvdcLccDeletion.js";
+import { HvdcLccDeletionSpecificForm } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/HvdcLccDeletionSpecificForm.js";
+import { equipmentDeletionDtoToForm, equipmentDeletionEmptyFormData, equipmentDeletionFormSchema, equipmentDeletionFormToDto, newEquipmentDeletionDto } from "./network-modifications/equipmentDeletion/equipmentDeletion.utils.js";
+import { EquipmentDeletionForm } from "./network-modifications/equipmentDeletion/EquipmentDeletionForm.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";
@@ -212,6 +220,8 @@ import { CouplingOmnibusCreation } from "./network-modifications/voltage-level/c
 import { VoltageLevelCreationForm } from "./network-modifications/voltage-level/creation/VoltageLevelCreationForm.js";
 import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./network-modifications/voltage-level/creation/voltageLevelCreation.utils.js";
 import { SwitchKind } from "./network-modifications/voltage-level/creation/voltageLevelCreation.types.js";
+import { VoltageLevelModificationForm } from "./network-modifications/voltage-level/modification/VoltageLevelModificationForm.js";
+import { voltageLevelModificationDtoToForm, voltageLevelModificationEmptyFormData, voltageLevelModificationFormSchema, voltageLevelModificationFormToDto } from "./network-modifications/voltage-level/modification/voltageLevelModification.utils.js";
 import { LoadDialogTab } from "./network-modifications/load/common/load.utils.js";
 import { LoadDialogTabs } from "./network-modifications/load/common/LoadDialogTabs.js";
 import { LoadDialogTabsContent } from "./network-modifications/load/common/LoadDialogTabsContent.js";
@@ -239,6 +249,7 @@ export {
   BottomRightButtons,
   BranchActiveReactivePowerMeasurementsForm,
   BranchConnectivityForm,
+  ButtonReadOnlyInput,
   CALCULATION_TYPE,
   CENTER_LABEL,
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
@@ -332,6 +343,7 @@ export {
   ElementSearchInput,
   ElementValueEditor,
   EnumInput,
+  EquipmentDeletionForm,
   EquipmentItem,
   EquipmentsSelectionType,
   ErrorCellRenderer,
@@ -364,6 +376,7 @@ export {
   HVDC_AC_EMULATION,
   HVDC_EQUIPMENT_TYPES,
   HelperPreviousValue,
+  HvdcLccDeletionSpecificForm,
   INJECTIONS_EQUIPMENT_TYPES,
   INJECTION_DISTRIBUTION_TYPES,
   INTL_LINE_FLOW_MODE_OPTIONS,
@@ -491,6 +504,7 @@ export {
   RangeInput,
   RangeType,
   RawReadOnlyInput,
+  ReadOnlyInput,
   RemoveButton,
   ResizeHandle,
   RuleValueEditor,
@@ -540,6 +554,7 @@ export {
   SetPointsForm,
   ShortCircuitParametersEditionDialog,
   ShortCircuitParametersInLine,
+  ShuntCompensatorSelectionForm,
   SignInCallbackHandler,
   SilentRenewCallbackHandler,
   SliderInput,
@@ -587,6 +602,7 @@ export {
   VoltageInitParametersInLine,
   VoltageInitTabValues,
   VoltageLevelCreationForm,
+  VoltageLevelModificationForm,
   WRITE_SLACK_BUS,
   alertThresholdMarks,
   buildNewBusbarSections,
@@ -598,6 +614,10 @@ export {
   dispatchUser,
   doesNodeHasChildren,
   emptyProperties,
+  equipmentDeletionDtoToForm,
+  equipmentDeletionEmptyFormData,
+  equipmentDeletionFormSchema,
+  equipmentDeletionFormToDto,
   expertFilterSchema,
   explicitNamingFilterSchema,
   exportExpertRules,
@@ -638,6 +658,7 @@ export {
   getExpertFilterEmptyFormData,
   getExplicitNamingFilterEmptyFormData,
   getFilledPropertiesFromModification,
+  getHvdcLccDeletionSchema,
   getInjectionActiveReactivePowerEditData,
   getInjectionActiveReactivePowerEditDataProperties,
   getInjectionActiveReactivePowerEmptyFormData,
@@ -686,6 +707,7 @@ export {
   logout,
   mergeModificationAndEquipmentProperties,
   modificationPropertiesSchema,
+  newEquipmentDeletionDto,
   onlyStartedGeneratorsOptions,
   queryValidator,
   recursiveRemove,
@@ -715,11 +737,16 @@ export {
   useCustomFormContext,
   useElementSearch,
   useGlobalAnnouncement,
+  useHvdcLccDeletion,
   useListenerManager,
   useNotificationsListener,
   useValid,
   voltageLevelCreationDtoToForm,
   voltageLevelCreationEmptyFormData,
   voltageLevelCreationFormSchema,
-  voltageLevelCreationFormToDto
+  voltageLevelCreationFormToDto,
+  voltageLevelModificationDtoToForm,
+  voltageLevelModificationEmptyFormData,
+  voltageLevelModificationFormSchema,
+  voltageLevelModificationFormToDto
 };

package/dist/components/inputs/index.js

@@ -24,6 +24,8 @@ import { SliderInput } from "./reactHookForm/numbers/SliderInput.js";
 import { isFloatNumber, isIntegerNumber } from "./reactHookForm/numbers/utils.js";
 import { CustomFormContext, CustomFormProvider } from "./reactHookForm/provider/CustomFormProvider.js";
 import { useCustomFormContext } from "./reactHookForm/provider/useCustomFormContext.js";
+import { ReadOnlyInput } from "./reactHookForm/readOnly/ReadOnlyInput.js";
+import { ButtonReadOnlyInput } from "./reactHookForm/readOnly/ButtonReadOnlyInput.js";
 import { CountriesInput } from "./reactHookForm/selectInputs/CountriesInput.js";
 import { InputWithPopupConfirmation } from "./reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { MuiSelectInput } from "./reactHookForm/selectInputs/MuiSelectInput.js";
@@ -70,6 +72,7 @@ export {
   AutocompleteWithFavorites,
   BooleanInput,
   BottomRightButtons,
+  ButtonReadOnlyInput,
   CancelButton,
   CheckboxInput,
   CheckboxNullableInput,
@@ -112,6 +115,7 @@ export {
   RangeInput,
   RangeType,
   RawReadOnlyInput,
+  ReadOnlyInput,
   RemoveButton,
   RuleValueEditor,
   SelectClearable,

package/dist/components/inputs/reactHookForm/index.d.ts

@@ -15,6 +15,7 @@ export * from './booleans';
 export * from './errorManagement';
 export * from './numbers';
 export * from './provider';
+export * from './readOnly';
 export * from './selectInputs';
 export * from './tableInputs';
 export * from './text';

package/dist/components/inputs/reactHookForm/index.js

@@ -23,6 +23,8 @@ import { SliderInput } from "./numbers/SliderInput.js";
 import { isFloatNumber, isIntegerNumber } from "./numbers/utils.js";
 import { CustomFormContext, CustomFormProvider } from "./provider/CustomFormProvider.js";
 import { useCustomFormContext } from "./provider/useCustomFormContext.js";
+import { ReadOnlyInput } from "./readOnly/ReadOnlyInput.js";
+import { ButtonReadOnlyInput } from "./readOnly/ButtonReadOnlyInput.js";
 import { CountriesInput } from "./selectInputs/CountriesInput.js";
 import { InputWithPopupConfirmation } from "./selectInputs/InputWithPopupConfirmation.js";
 import { MuiSelectInput } from "./selectInputs/MuiSelectInput.js";
@@ -49,6 +51,7 @@ export {
   AutocompleteInput,
   BooleanInput,
   BottomRightButtons,
+  ButtonReadOnlyInput,
   CancelButton,
   CheckboxInput,
   CheckboxNullableInput,
@@ -85,6 +88,7 @@ export {
   RangeInput,
   RangeType,
   RawReadOnlyInput,
+  ReadOnlyInput,
   SelectInput,
   SliderInput,
   SubmitButton,

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

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

package/dist/components/inputs/reactHookForm/readOnly/ButtonReadOnlyInput.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { useController } from "react-hook-form";
+import { useTheme, TextField, InputAdornment } from "@mui/material";
+import "react-intl";
+import "react";
+import "@mui/icons-material";
+import { genHelperError } from "../utils/functions.js";
+function ButtonReadOnlyInput({ name, isNumerical = false, children }) {
+  const theme = useTheme();
+  const {
+    field: { value },
+    fieldState: { error }
+  } = useController({ name });
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      InputProps: {
+        readOnly: true,
+        sx: isNumerical ? {
+          "& input": {
+            textAlign: "right"
+          }
+        } : {},
+        endAdornment: /* @__PURE__ */ jsx(
+          InputAdornment,
+          {
+            sx: {
+              "& button": {
+                borderRadius: 0,
+                borderLeft: "1px solid",
+                borderColor: theme.palette.action.disabled,
+                marginRight: "-14px",
+                marginLeft: "-8px"
+              }
+            },
+            position: "end",
+            children
+          }
+        )
+      },
+      size: "small",
+      fullWidth: true,
+      value,
+      ...genHelperError(error?.message)
+    }
+  );
+}
+export {
+  ButtonReadOnlyInput
+};

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

@@ -0,0 +1,12 @@
+/**
+ * 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/.
+ */
+interface ReadOnlyInputProps {
+    name: string;
+    isNumerical?: boolean;
+}
+export declare function ReadOnlyInput({ name, isNumerical }: Readonly<ReadOnlyInputProps>): import("react/jsx-runtime").JSX.Element;
+export default ReadOnlyInput;

package/dist/components/inputs/reactHookForm/readOnly/ReadOnlyInput.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { useController } from "react-hook-form";
+import { TextField } from "@mui/material";
+import "react-intl";
+import "react";
+import "@mui/icons-material";
+import { genHelperError } from "../utils/functions.js";
+function ReadOnlyInput({ name, isNumerical = false }) {
+  const {
+    field: { value },
+    fieldState: { error }
+  } = useController({ name });
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      InputProps: {
+        readOnly: true,
+        disableUnderline: true,
+        sx: isNumerical ? {
+          "& input": {
+            textAlign: "right"
+          }
+        } : {}
+      },
+      fullWidth: true,
+      value,
+      variant: "standard",
+      ...genHelperError(error?.message)
+    }
+  );
+}
+export {
+  ReadOnlyInput,
+  ReadOnlyInput as default
+};

package/dist/components/inputs/reactHookForm/readOnly/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2024, 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 './ReadOnlyInput';
+export * from './ButtonReadOnlyInput';

package/dist/components/inputs/reactHookForm/readOnly/index.js

@@ -0,0 +1,6 @@
+import { ReadOnlyInput } from "./ReadOnlyInput.js";
+import { ButtonReadOnlyInput } from "./ButtonReadOnlyInput.js";
+export {
+  ButtonReadOnlyInput,
+  ReadOnlyInput
+};

package/dist/components/network-modifications/common/connectivity/connectivityForm.utils.js

@@ -1,5 +1,6 @@
 import { object, bool, number, string } from "yup";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { YUP_NOT_TYPE_NUMBER } from "../../../../utils/constants/translationKeys.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "react/jsx-runtime";
@@ -35,7 +36,7 @@ const getConnectivityPropertiesValidationSchema = (isEquipmentModification = fal
 const getConnectivityWithPositionSchema = (isEquipmentModification = false) => object().shape({
   [FieldConstants.CONNECTION_DIRECTION]: string().nullable(),
   [FieldConstants.CONNECTION_NAME]: string(),
-  [FieldConstants.CONNECTION_POSITION]: number().nullable(),
+  [FieldConstants.CONNECTION_POSITION]: number().typeError(YUP_NOT_TYPE_NUMBER).nullable(),
   [FieldConstants.CONNECTED]: bool().nullable().when([], {
     is: () => !isEquipmentModification,
     then: (schema) => schema.required()

package/dist/components/network-modifications/common/measurements/powerWithValidity.utils.js

@@ -1,5 +1,6 @@
 import { object, boolean, number } from "yup";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { YUP_NOT_TYPE_NUMBER } from "../../../../utils/constants/translationKeys.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "react/jsx-runtime";
@@ -16,7 +17,7 @@ function getPowerWithValidityEmptyFormData(id) {
 function getPowerWithValidityValidationSchema(id) {
   return {
     [id]: object().shape({
-      [FieldConstants.VALUE]: number().nullable(),
+      [FieldConstants.VALUE]: number().typeError(YUP_NOT_TYPE_NUMBER).nullable(),
       [FieldConstants.VALIDITY]: boolean().nullable()
     })
   };

package/dist/components/network-modifications/common/setpoints/setPoints.utils.js

@@ -1,5 +1,6 @@
 import { number } from "yup";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { YUP_NOT_TYPE_NUMBER } from "../../../../utils/constants/translationKeys.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "react/jsx-runtime";
@@ -27,7 +28,7 @@ const testValueWithinPowerIntervalOrEqualToZero = (value, context) => {
   return testValueWithinPowerInterval(value, context);
 };
 const getActivePowerSetPointSchema = (isEquipmentModification = false) => ({
-  [FieldConstants.ACTIVE_POWER_SET_POINT]: number().when([], {
+  [FieldConstants.ACTIVE_POWER_SET_POINT]: number().typeError(YUP_NOT_TYPE_NUMBER).when([], {
     is: () => isEquipmentModification,
     then: (schema) => {
       return schema.nullable();
@@ -44,7 +45,7 @@ const getActivePowerSetPointSchema = (isEquipmentModification = false) => ({
   })
 });
 const getReactivePowerSetPointSchema = (isEquipmentModification = false) => ({
-  [FieldConstants.REACTIVE_POWER_SET_POINT]: number().nullable().when([FieldConstants.VOLTAGE_REGULATION], {
+  [FieldConstants.REACTIVE_POWER_SET_POINT]: number().typeError(YUP_NOT_TYPE_NUMBER).nullable().when([FieldConstants.VOLTAGE_REGULATION], {
     is: (value) => !isEquipmentModification && !value,
     then: (schema) => schema.required()
   })

package/dist/components/network-modifications/equipmentDeletion/EquipmentDeletionForm.d.ts

@@ -0,0 +1,9 @@
+import { UUID } from 'node:crypto';
+import { EquipmentDeletionDto, LccDeletionDto } from './equipmentDeletion.types';
+import { EquipmentType } from '../../../utils';
+export interface EquipmentDeletionFormProps {
+    editData?: EquipmentDeletionDto;
+    fetchEquipmentIds?: (eqptType: EquipmentType) => Promise<string[]>;
+    fetchHvdcWithShuntCompensators?: (hvdcLineId: UUID) => Promise<LccDeletionDto>;
+}
+export declare function EquipmentDeletionForm({ editData, fetchEquipmentIds, fetchHvdcWithShuntCompensators, }: Readonly<EquipmentDeletionFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modifications/equipmentDeletion/EquipmentDeletionForm.js

@@ -0,0 +1,173 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { useRef, useState, useMemo, useEffect, useCallback } from "react";
+import { useWatch, useFormContext } from "react-hook-form";
+import { useHvdcLccDeletion } from "./hvdcLccDeletion/useHvdcLccDeletion.js";
+import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import { EquipmentType } from "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { richTypeEquals, getObjectId, areIdsEqual } from "../../../utils/ts-utils.js";
+import "../../../utils/yupConfig.js";
+import { filledTextField } from "../common/form.utils.js";
+import "../common/properties/propertyUtils.js";
+import GridItem from "../../grid/grid-item.js";
+import "react-intl";
+import "../../overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import { useGetLabelEquipmentTypes } from "../../../hooks/useGetLabelEquipmentTypes.js";
+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 { AutocompleteInput } from "../../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.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 "@react-querybuilder/material";
+import "../../filter/expert/expertFilterConstants.js";
+import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { HvdcLccDeletionSpecificForm } from "./hvdcLccDeletion/HvdcLccDeletionSpecificForm.js";
+const NULL_UUID = "00000000-0000-0000-0000-000000000000";
+const EQUIPMENT_TYPE_ORDER = [
+  EquipmentType.SUBSTATION,
+  EquipmentType.VOLTAGE_LEVEL,
+  EquipmentType.LINE,
+  EquipmentType.TWO_WINDINGS_TRANSFORMER,
+  EquipmentType.THREE_WINDINGS_TRANSFORMER,
+  EquipmentType.HVDC_LINE,
+  EquipmentType.GENERATOR,
+  EquipmentType.BATTERY,
+  EquipmentType.LOAD,
+  EquipmentType.SHUNT_COMPENSATOR,
+  EquipmentType.DANGLING_LINE,
+  EquipmentType.STATIC_VAR_COMPENSATOR
+];
+function EquipmentDeletionForm({
+  editData,
+  fetchEquipmentIds,
+  fetchHvdcWithShuntCompensators
+}) {
+  const { snackError } = useSnackMessage();
+  const editedIdRef = useRef(null);
+  const currentTypeRef = useRef(null);
+  const watchType = useWatch({
+    name: FieldConstants.TYPE
+  });
+  const watchEquipmentId = useWatch({
+    name: FieldConstants.EQUIPMENT_ID
+  });
+  const watchSpecificData = useWatch({
+    name: FieldConstants.DELETION_SPECIFIC_DATA
+  });
+  const { specificUpdate: hvdcLccSpecificUpdate } = useHvdcLccDeletion({ fetchHvdcWithShuntCompensators });
+  const {
+    setValue,
+    formState: { isDirty, dirtyFields }
+  } = useFormContext();
+  const getOptionLabel = useGetLabelEquipmentTypes();
+  const [equipmentsOptions, setEquipmentsOptions] = useState([]);
+  const typesOptions = useMemo(() => {
+    return Object.values(EQUIPMENT_TYPE_ORDER);
+  }, []);
+  useEffect(() => {
+    setEquipmentsOptions([]);
+    let ignore = false;
+    if (watchType !== currentTypeRef.current) {
+      currentTypeRef.current = watchType;
+    }
+    if (watchType && fetchEquipmentIds) {
+      fetchEquipmentIds(watchType).then((equipmentIds) => {
+        if (!ignore) {
+          setEquipmentsOptions(
+            equipmentIds.toSorted((equipment1, equipment2) => equipment1.localeCompare(equipment2))
+          );
+        }
+      }).catch((error) => {
+        snackWithFallback(snackError, error, { headerId: "equipmentsLoadingError" });
+      });
+    }
+    return () => {
+      ignore = true;
+    };
+  }, [fetchEquipmentIds, snackError, watchType]);
+  useEffect(() => {
+    if (!fetchHvdcWithShuntCompensators && isDirty && dirtyFields[FieldConstants.EQUIPMENT_ID]) {
+      setValue(FieldConstants.DELETION_SPECIFIC_DATA, null);
+    }
+  }, [fetchHvdcWithShuntCompensators, isDirty, dirtyFields, setValue]);
+  useEffect(() => {
+    if (!fetchHvdcWithShuntCompensators) {
+      return;
+    }
+    if (editData?.equipmentId) {
+      if (editedIdRef.current === null) {
+        editedIdRef.current = editData.equipmentId;
+      } else if (watchEquipmentId !== editedIdRef.current && editedIdRef.current !== NULL_UUID) {
+        editedIdRef.current = NULL_UUID;
+      }
+    }
+    if (watchEquipmentId && currentTypeRef.current === EquipmentType.HVDC_LINE) {
+      hvdcLccSpecificUpdate(watchEquipmentId, watchEquipmentId === editedIdRef.current ? editData : void 0);
+    } else {
+      setValue(FieldConstants.DELETION_SPECIFIC_DATA, null);
+    }
+  }, [editData, fetchHvdcWithShuntCompensators, hvdcLccSpecificUpdate, setValue, snackError, watchEquipmentId]);
+  const handleTypeChange = useCallback(() => {
+    setValue(FieldConstants.EQUIPMENT_ID, null);
+  }, [setValue]);
+  const equipmentTypeField = /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      isOptionEqualToValue: richTypeEquals,
+      name: FieldConstants.TYPE,
+      label: "Type",
+      options: typesOptions,
+      onChangeCallback: handleTypeChange,
+      getOptionLabel,
+      size: "small",
+      inputTransform: (value) => typesOptions.find((option) => option === value) || value,
+      formProps: filledTextField
+    }
+  );
+  const equipmentField = /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      isOptionEqualToValue: areIdsEqual,
+      allowNewValue: true,
+      forcePopupIcon: true,
+      name: FieldConstants.EQUIPMENT_ID,
+      label: "ID",
+      options: equipmentsOptions,
+      getOptionLabel: getObjectId,
+      inputTransform: (value) => value ?? "",
+      outputTransform: (value) => value === "" ? null : getObjectId(value),
+      size: "small",
+      formProps: filledTextField
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { children: equipmentTypeField }),
+      /* @__PURE__ */ jsx(GridItem, { children: equipmentField })
+    ] }),
+    watchSpecificData?.specificType === FieldConstants.HVDC_LINE_LCC_DELETION_SPECIFIC_TYPE && /* @__PURE__ */ jsx(HvdcLccDeletionSpecificForm, {})
+  ] });
+}
+export {
+  EquipmentDeletionForm
+};

package/dist/components/network-modifications/equipmentDeletion/equipmentDeletion.types.d.ts

@@ -0,0 +1,17 @@
+import { UUID } from 'node:crypto';
+import { EquipmentType, ModificationType } from '../../../utils';
+export interface LccShuntCompensatorConnectionDto {
+    id: string;
+    connectedToHvdc: boolean;
+}
+export interface LccDeletionDto {
+    specificType: string;
+    mcsOnSide1: LccShuntCompensatorConnectionDto[];
+    mcsOnSide2: LccShuntCompensatorConnectionDto[];
+}
+export type EquipmentDeletionDto = {
+    type: ModificationType;
+    equipmentId: UUID;
+    equipmentType: EquipmentType;
+    equipmentInfos?: LccDeletionDto;
+};

package/dist/components/network-modifications/equipmentDeletion/equipmentDeletion.types.js

@@ -0,0 +1 @@
+

package/dist/components/network-modifications/equipmentDeletion/equipmentDeletion.utils.d.ts

@@ -0,0 +1,33 @@
+import { InferType } from 'yup';
+import { UUID } from 'node:crypto';
+import { EquipmentType } from '../../../utils/types/equipmentType';
+import { DeepNullable } from '../../../utils';
+import { EquipmentDeletionDto } from './equipmentDeletion.types';
+export declare const equipmentDeletionFormSchema: import('yup').ObjectSchema<{
+    equipmentID: string;
+    type: NonNullable<EquipmentType | null | undefined>;
+    equipmentInfos: {
+        specificType: string;
+        mcsOnSide1: {
+            id: string;
+            connectedToHvdc: NonNullable<boolean | undefined>;
+        }[];
+        mcsOnSide2: {
+            id: string;
+            connectedToHvdc: NonNullable<boolean | undefined>;
+        }[];
+    } | null | undefined;
+}, import('yup').AnyObject, {
+    equipmentID: undefined;
+    type: undefined;
+    equipmentInfos: {
+        specificType: undefined;
+        mcsOnSide1: "";
+        mcsOnSide2: "";
+    };
+}, "">;
+export type EquipmentDeletionFormData = InferType<typeof equipmentDeletionFormSchema>;
+export declare const equipmentDeletionEmptyFormData: DeepNullable<EquipmentDeletionFormData>;
+export declare const equipmentDeletionFormToDto: (form: EquipmentDeletionFormData) => EquipmentDeletionDto;
+export declare const newEquipmentDeletionDto: (equipmentType: EquipmentType, equipmentId: UUID) => EquipmentDeletionDto;
+export declare const equipmentDeletionDtoToForm: (dto: EquipmentDeletionDto) => EquipmentDeletionFormData;