@gridsuite/commons-ui 0.214.0 → 0.216.0

package/dist/features/network-modifications/common/measurements/branchActiveReactivePowerForm.utils.js

@@ -0,0 +1,68 @@
+import { object } from "yup";
+import { getPowerWithValidityValidationSchema, getPowerWithValidityEmptyFormData, getPowerWithValidityEditData } from "./powerWithValidity.utils.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+function getBranchActiveReactivePowerEmptyFormDataProperties() {
+  return {
+    ...getPowerWithValidityEmptyFormData(FieldConstants.MEASUREMENT_P1),
+    ...getPowerWithValidityEmptyFormData(FieldConstants.MEASUREMENT_Q1),
+    ...getPowerWithValidityEmptyFormData(FieldConstants.MEASUREMENT_P2),
+    ...getPowerWithValidityEmptyFormData(FieldConstants.MEASUREMENT_Q2)
+  };
+}
+function getBranchActiveReactivePowerEmptyFormData(id) {
+  return {
+    [id]: {
+      ...getBranchActiveReactivePowerEmptyFormDataProperties()
+    }
+  };
+}
+const getBranchActiveReactivePowerValidationSchemaProperties = () => ({
+  ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_P1),
+  ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_Q1),
+  ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_P2),
+  ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_Q2)
+});
+const getBranchActiveReactivePowerValidationSchema = (id) => ({
+  [id]: object().shape({
+    ...getBranchActiveReactivePowerValidationSchemaProperties()
+  })
+});
+function getBranchActiveReactivePowerEditDataProperties(branchData) {
+  return {
+    ...getPowerWithValidityEditData(FieldConstants.MEASUREMENT_P1, {
+      value: branchData?.p1MeasurementValue?.value,
+      validity: branchData?.p1MeasurementValidity?.value
+    }),
+    ...getPowerWithValidityEditData(FieldConstants.MEASUREMENT_Q1, {
+      value: branchData?.q1MeasurementValue?.value,
+      validity: branchData?.q1MeasurementValidity?.value
+    }),
+    ...getPowerWithValidityEditData(FieldConstants.MEASUREMENT_P2, {
+      value: branchData?.p2MeasurementValue?.value,
+      validity: branchData?.p2MeasurementValidity?.value
+    }),
+    ...getPowerWithValidityEditData(FieldConstants.MEASUREMENT_Q2, {
+      value: branchData?.q2MeasurementValue?.value,
+      validity: branchData?.q2MeasurementValidity?.value
+    })
+  };
+}
+function getBranchActiveReactivePowerEditData(id, branchData) {
+  return {
+    [id]: {
+      ...getBranchActiveReactivePowerEditDataProperties(branchData)
+    }
+  };
+}
+export {
+  getBranchActiveReactivePowerEditData,
+  getBranchActiveReactivePowerEditDataProperties,
+  getBranchActiveReactivePowerEmptyFormData,
+  getBranchActiveReactivePowerEmptyFormDataProperties,
+  getBranchActiveReactivePowerValidationSchema,
+  getBranchActiveReactivePowerValidationSchemaProperties
+};

package/dist/features/network-modifications/common/measurements/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 './measurement.type';
+export * from './powerWithValidity.utils';
+export * from './injectionActiveReactivePowerForm.utils';
+export * from './branchActiveReactivePowerForm.utils';
+export * from './PowerWithValidityForm';
+export * from './PowerMeasurementsForm';
+export * from './BranchActiveReactivePowerMeasurementsForm';
+export * from './BusbarSectionVoltageMeasurementsForm';

package/dist/features/network-modifications/common/measurements/index.js

@@ -0,0 +1,28 @@
+import { getPowerWithValidityEditData, getPowerWithValidityEmptyFormData, getPowerWithValidityValidationSchema } from "./powerWithValidity.utils.js";
+import { getInjectionActiveReactivePowerEditData, getInjectionActiveReactivePowerEditDataProperties, getInjectionActiveReactivePowerEmptyFormData, getInjectionActiveReactivePowerEmptyFormDataProperties, getInjectionActiveReactivePowerValidationSchema, getInjectionActiveReactivePowerValidationSchemaProperties } from "./injectionActiveReactivePowerForm.utils.js";
+import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaProperties } from "./branchActiveReactivePowerForm.utils.js";
+import { PowerWithValidityForm } from "./PowerWithValidityForm.js";
+import { PowerMeasurementsForm } from "./PowerMeasurementsForm.js";
+import { BranchActiveReactivePowerMeasurementsForm } from "./BranchActiveReactivePowerMeasurementsForm.js";
+import { BusbarSectionVoltageMeasurementsForm } from "./BusbarSectionVoltageMeasurementsForm.js";
+export {
+  BranchActiveReactivePowerMeasurementsForm,
+  BusbarSectionVoltageMeasurementsForm,
+  PowerMeasurementsForm,
+  PowerWithValidityForm,
+  getBranchActiveReactivePowerEditData,
+  getBranchActiveReactivePowerEditDataProperties,
+  getBranchActiveReactivePowerEmptyFormData,
+  getBranchActiveReactivePowerEmptyFormDataProperties,
+  getBranchActiveReactivePowerValidationSchema,
+  getBranchActiveReactivePowerValidationSchemaProperties,
+  getInjectionActiveReactivePowerEditData,
+  getInjectionActiveReactivePowerEditDataProperties,
+  getInjectionActiveReactivePowerEmptyFormData,
+  getInjectionActiveReactivePowerEmptyFormDataProperties,
+  getInjectionActiveReactivePowerValidationSchema,
+  getInjectionActiveReactivePowerValidationSchemaProperties,
+  getPowerWithValidityEditData,
+  getPowerWithValidityEmptyFormData,
+  getPowerWithValidityValidationSchema
+};

package/dist/features/network-modifications/common/measurements/injectionActiveReactivePowerForm.utils.js

@@ -0,0 +1,54 @@
+import { object } from "yup";
+import { getPowerWithValidityValidationSchema, getPowerWithValidityEmptyFormData, getPowerWithValidityEditData } from "./powerWithValidity.utils.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+function getInjectionActiveReactivePowerEmptyFormDataProperties() {
+  return {
+    ...getPowerWithValidityEmptyFormData(FieldConstants.MEASUREMENT_P),
+    ...getPowerWithValidityEmptyFormData(FieldConstants.MEASUREMENT_Q)
+  };
+}
+function getInjectionActiveReactivePowerEmptyFormData(id) {
+  return {
+    [id]: {
+      ...getInjectionActiveReactivePowerEmptyFormDataProperties()
+    }
+  };
+}
+const getInjectionActiveReactivePowerValidationSchemaProperties = () => object().shape({
+  ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_P),
+  ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_Q)
+});
+const getInjectionActiveReactivePowerValidationSchema = (id) => ({
+  [id]: getInjectionActiveReactivePowerValidationSchemaProperties()
+});
+function getInjectionActiveReactivePowerEditDataProperties(injectionData) {
+  return {
+    ...getPowerWithValidityEditData(FieldConstants.MEASUREMENT_P, {
+      value: injectionData?.pMeasurementValue?.value,
+      validity: injectionData?.pMeasurementValidity?.value
+    }),
+    ...getPowerWithValidityEditData(FieldConstants.MEASUREMENT_Q, {
+      value: injectionData?.qMeasurementValue?.value,
+      validity: injectionData?.qMeasurementValidity?.value
+    })
+  };
+}
+function getInjectionActiveReactivePowerEditData(id, injectionData) {
+  return {
+    [id]: {
+      ...getInjectionActiveReactivePowerEditDataProperties(injectionData)
+    }
+  };
+}
+export {
+  getInjectionActiveReactivePowerEditData,
+  getInjectionActiveReactivePowerEditDataProperties,
+  getInjectionActiveReactivePowerEmptyFormData,
+  getInjectionActiveReactivePowerEmptyFormDataProperties,
+  getInjectionActiveReactivePowerValidationSchema,
+  getInjectionActiveReactivePowerValidationSchemaProperties
+};

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

@@ -0,0 +1,35 @@
+import { object, boolean, number } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+function getPowerWithValidityEmptyFormData(id) {
+  return {
+    [id]: {
+      [FieldConstants.VALUE]: null,
+      [FieldConstants.VALIDITY]: null
+    }
+  };
+}
+function getPowerWithValidityValidationSchema(id) {
+  return {
+    [id]: object().shape({
+      [FieldConstants.VALUE]: number().nullable(),
+      [FieldConstants.VALIDITY]: boolean().nullable()
+    })
+  };
+}
+function getPowerWithValidityEditData(id, measurement) {
+  return {
+    [id]: {
+      [FieldConstants.VALUE]: measurement?.value ?? null,
+      [FieldConstants.VALIDITY]: measurement?.validity ?? null
+    }
+  };
+}
+export {
+  getPowerWithValidityEditData,
+  getPowerWithValidityEmptyFormData,
+  getPowerWithValidityValidationSchema
+};

package/dist/features/network-modifications/common/properties/PropertiesForm.js

@@ -0,0 +1,107 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { useWatch, useFormContext } from "react-hook-form";
+import { fetchPredefinedProperties, initializedProperty } from "./propertyUtils.js";
+import { PropertyForm } from "./PropertyForm.js";
+import GridSection from "../../../../components/composite/grid/grid-section.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "@mui/material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+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 "@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/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { ExpandableInput } from "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+function PropertiesForm({ id, networkElementType, isModification = false }) {
+  const additionalProperties = id ? `${id}.${FieldConstants.ADDITIONAL_PROPERTIES}` : FieldConstants.ADDITIONAL_PROPERTIES;
+  const watchProps = useWatch({
+    name: additionalProperties
+  });
+  const { getValues, setValue } = useFormContext();
+  const [predefinedProperties, setPredefinedProperties] = useState({});
+  useEffect(() => {
+    if (networkElementType) {
+      fetchPredefinedProperties(networkElementType).then((res) => {
+        if (res) {
+          setPredefinedProperties(res);
+        }
+      });
+    }
+  }, [networkElementType]);
+  const getDeletionMark = useCallback(
+    (idx) => {
+      const properties = getValues(`${additionalProperties}`);
+      if (properties && typeof properties[idx] !== "undefined") {
+        return watchProps && properties[idx][FieldConstants.DELETION_MARK];
+      }
+      return false;
+    },
+    [getValues, watchProps, additionalProperties]
+  );
+  const deleteCallback = useCallback(
+    (idx) => {
+      let markedForDeletion = false;
+      const properties = getValues(`${additionalProperties}`);
+      if (properties && typeof properties[idx] !== "undefined") {
+        markedForDeletion = properties[idx][FieldConstants.DELETION_MARK];
+      } else {
+        return false;
+      }
+      let canRemoveLine = true;
+      if (markedForDeletion) {
+        setValue(`${additionalProperties}.${idx}.${FieldConstants.DELETION_MARK}`, false, {
+          shouldDirty: true
+        });
+        canRemoveLine = false;
+      } else if (properties[idx][FieldConstants.PREVIOUS_VALUE] && properties[idx][FieldConstants.ADDED] === false) {
+        setValue(`${additionalProperties}.${idx}.${FieldConstants.DELETION_MARK}`, true, {
+          shouldDirty: true
+        });
+        canRemoveLine = false;
+      }
+      return canRemoveLine;
+    },
+    [getValues, setValue, additionalProperties]
+  );
+  const modificationProperties = isModification ? {
+    getDeletionMark,
+    deleteCallback,
+    watchProps
+  } : {};
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GridSection, { title: "AdditionalInformation" }),
+    /* @__PURE__ */ jsx(
+      ExpandableInput,
+      {
+        name: additionalProperties,
+        Field: PropertyForm,
+        fieldProps: { predefinedProperties },
+        addButtonLabel: "AddProperty",
+        initialValue: initializedProperty(),
+        ...modificationProperties
+      }
+    )
+  ] });
+}
+export {
+  PropertiesForm
+};

package/dist/features/network-modifications/common/properties/PropertyForm.js

@@ -0,0 +1,94 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useWatch } from "react-hook-form";
+import { Grid } from "@mui/material";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { AutocompleteInput } from "../../../../components/ui/reactHookForm/autocompleteInputs/AutocompleteInput.js";
+import { TextInput } from "../../../../components/ui/reactHookForm/text/TextInput.js";
+import "../../../../components/ui/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/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import { italicFontTextField } from "../form.utils.js";
+function PropertyForm({ name, index, predefinedProperties }) {
+  const watchPropertyName = useWatch({ name: `${name}.${index}.${FieldConstants.NAME}` });
+  const watchPropertyPreviousValue = useWatch({
+    name: `${name}.${index}.${FieldConstants.PREVIOUS_VALUE}`
+  });
+  const watchPropertyDeletionMark = useWatch({
+    name: `${name}.${index}.${FieldConstants.DELETION_MARK}`
+  });
+  const watchPropertyAdded = useWatch({
+    name: `${name}.${index}.${FieldConstants.ADDED}`
+  });
+  const predefinedNames = useMemo(() => {
+    const keys = Object.keys(predefinedProperties ?? {});
+    return keys.sort((a, b) => a.localeCompare(b));
+  }, [predefinedProperties]);
+  const predefinedValues = useMemo(() => {
+    const values = predefinedProperties?.[watchPropertyName] ?? [];
+    return values.sort((a, b) => a.localeCompare(b));
+  }, [watchPropertyName, predefinedProperties]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    watchPropertyDeletionMark || watchPropertyAdded === false && watchPropertyPreviousValue ? /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        name: `${name}.${index}.${FieldConstants.NAME}`,
+        label: "PropertyName",
+        formProps: { disabled: true, ...italicFontTextField }
+      }
+    ) }) : /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      AutocompleteInput,
+      {
+        name: `${name}.${index}.${FieldConstants.NAME}`,
+        options: predefinedNames,
+        label: "PropertyName",
+        size: "small",
+        allowNewValue: true
+      }
+    ) }),
+    watchPropertyDeletionMark ? /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        name: `${name}.${index}.${FieldConstants.VALUE}`,
+        label: "PropertyValue",
+        previousValue: watchPropertyPreviousValue,
+        formProps: { disabled: true, ...italicFontTextField }
+      }
+    ) }) : /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      AutocompleteInput,
+      {
+        name: `${name}.${index}.${FieldConstants.VALUE}`,
+        options: predefinedValues,
+        label: "PropertyValue",
+        size: "small",
+        allowNewValue: true,
+        previousValue: watchPropertyPreviousValue
+      }
+    ) })
+  ] });
+}
+export {
+  PropertyForm
+};

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

@@ -0,0 +1,160 @@
+import { object, array, boolean, string } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { DUPLICATED_PROPS_ERROR } from "../../../../utils/constants/translationKeys.js";
+import { isBlankOrEmpty } from "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { fetchStudyMetadata } from "../../../../services/appsMetadata.js";
+const fetchPredefinedProperties = (networkElementType) => {
+  return fetchStudyMetadata().then((studyMetadata) => {
+    return studyMetadata.predefinedEquipmentProperties?.[networkElementType];
+  });
+};
+const emptyProperties = {
+  [FieldConstants.ADDITIONAL_PROPERTIES]: []
+};
+const createPropertyModification = (name, value) => {
+  return {
+    [FieldConstants.NAME]: name,
+    [FieldConstants.VALUE]: value,
+    [FieldConstants.PREVIOUS_VALUE]: value,
+    [FieldConstants.DELETION_MARK]: false,
+    [FieldConstants.ADDED]: true
+  };
+};
+const initializedProperty = () => {
+  return createPropertyModification("", null);
+};
+const isFilledProperty = (property) => {
+  return property.value != null;
+};
+const getFilledPropertiesFromModification = (properties) => {
+  return properties?.filter(isFilledProperty).map((p) => {
+    return {
+      [FieldConstants.NAME]: p[FieldConstants.NAME],
+      [FieldConstants.VALUE]: p[FieldConstants.VALUE],
+      [FieldConstants.PREVIOUS_VALUE]: p[FieldConstants.PREVIOUS_VALUE],
+      [FieldConstants.ADDED]: p[FieldConstants.ADDED],
+      [FieldConstants.DELETION_MARK]: p[FieldConstants.DELETION_MARK]
+    };
+  }) ?? [];
+};
+const getPropertiesFromModification = (properties, includePreviousValue = true) => {
+  return {
+    [FieldConstants.ADDITIONAL_PROPERTIES]: properties ? properties.map((p) => {
+      return {
+        [FieldConstants.NAME]: p[FieldConstants.NAME],
+        [FieldConstants.VALUE]: p[FieldConstants.VALUE],
+        [FieldConstants.PREVIOUS_VALUE]: includePreviousValue ? p[FieldConstants.PREVIOUS_VALUE] : void 0,
+        [FieldConstants.ADDED]: p[FieldConstants.ADDED],
+        [FieldConstants.DELETION_MARK]: p[FieldConstants.DELETION_MARK]
+      };
+    }) : []
+  };
+};
+const copyEquipmentPropertiesForCreation = (equipmentInfos) => {
+  return {
+    [FieldConstants.ADDITIONAL_PROPERTIES]: equipmentInfos.properties ? Object.entries(equipmentInfos.properties).map(([name, value]) => {
+      return {
+        [FieldConstants.NAME]: name,
+        [FieldConstants.VALUE]: value,
+        [FieldConstants.PREVIOUS_VALUE]: null,
+        [FieldConstants.DELETION_MARK]: false,
+        [FieldConstants.ADDED]: true
+      };
+    }) : []
+  };
+};
+const mergeModificationAndEquipmentProperties = (modificationProperties, equipment) => {
+  const newModificationProperties = /* @__PURE__ */ new Map();
+  modificationProperties.forEach((property) => {
+    if (property.name !== null) {
+      newModificationProperties.set(property.name, property);
+    }
+  });
+  if (equipment.properties !== void 0) {
+    Object.entries(equipment.properties).forEach(([name, value]) => {
+      if (name !== null) {
+        let propertyToAdd;
+        if (newModificationProperties.has(name)) {
+          const modProperty = newModificationProperties.get(name);
+          propertyToAdd = {
+            ...modProperty,
+            previousValue: value
+            // We set previous value of the modification to the equipment value
+          };
+        } else {
+          propertyToAdd = {
+            [FieldConstants.NAME]: name,
+            [FieldConstants.VALUE]: null,
+            [FieldConstants.PREVIOUS_VALUE]: value,
+            [FieldConstants.DELETION_MARK]: false,
+            [FieldConstants.ADDED]: false
+          };
+        }
+        newModificationProperties.set(name, propertyToAdd);
+      }
+    });
+  }
+  return Array.from(newModificationProperties.values());
+};
+function getConcatenatedProperties(equipment, getValues, id) {
+  const path = id ? `${id}.${FieldConstants.ADDITIONAL_PROPERTIES}` : `${FieldConstants.ADDITIONAL_PROPERTIES}`;
+  const modificationProperties = getValues(path);
+  return mergeModificationAndEquipmentProperties(modificationProperties, equipment);
+}
+const toModificationProperties = (properties) => {
+  const filteredProperties = properties[FieldConstants.ADDITIONAL_PROPERTIES]?.filter(
+    (p) => !isBlankOrEmpty(p.value) || p[FieldConstants.DELETION_MARK]
+  );
+  return filteredProperties === void 0 || filteredProperties?.length === 0 ? null : filteredProperties;
+};
+const checkUniquePropertyNames = (properties) => {
+  if (properties === void 0) {
+    return true;
+  }
+  const validValues = properties.filter((v) => v.name);
+  return validValues.length === new Set(validValues.map((v) => v.name)).size;
+};
+const creationPropertiesSchema = object({
+  [FieldConstants.ADDITIONAL_PROPERTIES]: array().of(
+    object().shape({
+      [FieldConstants.NAME]: string().required(),
+      [FieldConstants.VALUE]: string().required(),
+      [FieldConstants.PREVIOUS_VALUE]: string().nullable(),
+      [FieldConstants.DELETION_MARK]: boolean().required(),
+      [FieldConstants.ADDED]: boolean().required()
+    })
+  ).test("checkUniqueProperties", DUPLICATED_PROPS_ERROR, (values) => checkUniquePropertyNames(values))
+});
+const modificationPropertiesSchema = object({
+  [FieldConstants.ADDITIONAL_PROPERTIES]: array().of(
+    object().shape({
+      [FieldConstants.NAME]: string().required(),
+      [FieldConstants.VALUE]: string().nullable().when([FieldConstants.ADDED], {
+        is: (added) => added,
+        then: (schema) => schema.required()
+      }),
+      [FieldConstants.PREVIOUS_VALUE]: string().nullable(),
+      [FieldConstants.DELETION_MARK]: boolean().required(),
+      [FieldConstants.ADDED]: boolean().required()
+    })
+  ).test("checkUniqueProperties", DUPLICATED_PROPS_ERROR, (values) => checkUniquePropertyNames(values))
+});
+const getPropertyValue = (properties, keyName) => properties?.[keyName];
+export {
+  copyEquipmentPropertiesForCreation,
+  createPropertyModification,
+  creationPropertiesSchema,
+  emptyProperties,
+  fetchPredefinedProperties,
+  getConcatenatedProperties,
+  getFilledPropertiesFromModification,
+  getPropertiesFromModification,
+  getPropertyValue,
+  initializedProperty,
+  mergeModificationAndEquipmentProperties,
+  modificationPropertiesSchema,
+  toModificationProperties
+};

package/dist/features/network-modifications/common/reactiveLimits/ReactiveLimitsForm.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useWatch } from "react-hook-form";
+import { Grid } from "@mui/material";
+import { ReactiveCapabilityCurveTableForm } from "./reactiveCapabilityCurve/ReactiveCapabilityCurveTableForm.js";
+import { ReactivePowerAdornment } from "../../../../utils/constants/adornments.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "react";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { RadioInput } from "../../../../components/ui/reactHookForm/booleans/RadioInput.js";
+import { FloatInput } from "../../../../components/ui/reactHookForm/numbers/FloatInput.js";
+import "../../../../components/ui/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/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import GridItem from "../../../../components/composite/grid/grid-item.js";
+import { REACTIVE_LIMIT_TYPES } from "./reactiveLimits.utils.js";
+const headerIds = ["ActivePowerText", "MinimumReactivePower", "MaximumReactivePower"];
+function ReactiveLimitsForm({
+  id = FieldConstants.REACTIVE_LIMITS,
+  previousReactiveCapabilityCurvePoints = void 0,
+  previousMinMaxReactiveLimits = void 0,
+  updatePreviousReactiveCapabilityCurveTable = void 0
+}) {
+  const reactiveCapabilityCurveChoice = useWatch({
+    name: `${id}.${FieldConstants.REACTIVE_CAPABILITY_CURVE_CHOICE}`
+  });
+  const isReactiveCapabilityCurveOn = reactiveCapabilityCurveChoice !== "MINMAX";
+  const reactiveCapabilityCurveChoiceRadioField = /* @__PURE__ */ jsx(
+    RadioInput,
+    {
+      name: `${id}.${FieldConstants.REACTIVE_CAPABILITY_CURVE_CHOICE}`,
+      options: [...REACTIVE_LIMIT_TYPES],
+      formProps: { style: { marginTop: "-12px" } }
+    }
+  );
+  const minimumReactivePowerField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.MINIMUM_REACTIVE_POWER}`,
+      label: "MinimumReactivePower",
+      adornment: ReactivePowerAdornment,
+      previousValue: previousMinMaxReactiveLimits?.minQ ?? void 0,
+      clearable: true
+    }
+  );
+  const maximumReactivePowerField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.MAXIMUM_REACTIVE_POWER}`,
+      label: "MaximumReactivePower",
+      adornment: ReactivePowerAdornment,
+      previousValue: previousMinMaxReactiveLimits?.maxQ ?? void 0,
+      clearable: true
+    }
+  );
+  const reactiveCapabilityCurveTableField = /* @__PURE__ */ jsx(
+    ReactiveCapabilityCurveTableForm,
+    {
+      id: `${id}.${FieldConstants.REACTIVE_CAPABILITY_CURVE_TABLE}`,
+      tableHeadersIds: headerIds,
+      previousValues: previousReactiveCapabilityCurvePoints ?? void 0,
+      updatePreviousReactiveCapabilityCurveTable,
+      disabled: !isReactiveCapabilityCurveOn
+    }
+  );
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(GridItem, { size: 12, children: reactiveCapabilityCurveChoiceRadioField }),
+    !isReactiveCapabilityCurveOn && /* @__PURE__ */ jsx(GridItem, { size: 4, children: minimumReactivePowerField }),
+    !isReactiveCapabilityCurveOn && /* @__PURE__ */ jsx(GridItem, { size: 4, children: maximumReactivePowerField }),
+    !isReactiveCapabilityCurveOn && /* @__PURE__ */ jsx(GridItem, { size: "auto" }),
+    isReactiveCapabilityCurveOn && /* @__PURE__ */ jsx(GridItem, { size: 12, children: reactiveCapabilityCurveTableField })
+  ] });
+}
+export {
+  ReactiveLimitsForm
+};