@gridsuite/commons-ui 0.214.0 → 0.216.0

package/dist/features/network-modifications/load/modification/loadModification.utils.js

@@ -0,0 +1,124 @@
+import { object, string } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { toModificationOperation } from "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { sanitizeString } from "../../../../utils/ts-utils.js";
+import "react";
+import "react-hook-form";
+import { modificationPropertiesSchema, getPropertiesFromModification, toModificationProperties } from "../../common/properties/propertyUtils.js";
+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 "../../../../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 "../../../../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 { getInjectionActiveReactivePowerValidationSchemaProperties, getInjectionActiveReactivePowerEmptyFormDataProperties, getInjectionActiveReactivePowerEditDataProperties } from "../../common/measurements/injectionActiveReactivePowerForm.utils.js";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomRightButtons.js";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { getSetPointsSchema } from "../../common/setpoints/setPoints.utils.js";
+import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+const loadModificationFormSchema = object().shape({
+  [FieldConstants.EQUIPMENT_ID]: string().required(),
+  [FieldConstants.EQUIPMENT_NAME]: string().nullable(),
+  [FieldConstants.LOAD_TYPE]: string().nullable(),
+  ...getSetPointsSchema(true),
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionSchema(true),
+  [FieldConstants.STATE_ESTIMATION]: getInjectionActiveReactivePowerValidationSchemaProperties()
+}).concat(modificationPropertiesSchema).required();
+const loadModificationEmptyFormData = {
+  equipmentID: "",
+  equipmentName: "",
+  loadType: null,
+  activePowerSetpoint: null,
+  reactivePowerSetpoint: null,
+  connectivity: getConnectivityWithPositionEmptyFormDataProps(true),
+  stateEstimation: getInjectionActiveReactivePowerEmptyFormDataProperties(),
+  AdditionalProperties: []
+};
+const loadModificationDtoToForm = (loadDto, includePreviousValues = true) => {
+  return {
+    equipmentID: loadDto.equipmentId,
+    equipmentName: loadDto.equipmentName?.value ?? "",
+    loadType: loadDto?.loadType?.value ?? null,
+    activePowerSetpoint: loadDto.p0?.value ?? void 0,
+    reactivePowerSetpoint: loadDto.q0?.value ?? void 0,
+    connectivity: getConnectivityFormDataProps({
+      voltageLevelId: loadDto?.voltageLevelId?.value ?? null,
+      busbarSectionId: loadDto?.busOrBusbarSectionId?.value ?? null,
+      connectionName: loadDto?.connectionName?.value ?? "",
+      connectionDirection: loadDto?.connectionDirection?.value ?? null,
+      connectionPosition: loadDto?.connectionPosition?.value ?? null,
+      terminalConnected: loadDto?.terminalConnected?.value ?? null,
+      isEquipmentModification: true
+    }),
+    stateEstimation: getInjectionActiveReactivePowerEditDataProperties(loadDto),
+    ...getPropertiesFromModification(loadDto?.properties, includePreviousValues)
+  };
+};
+const loadModificationFormToDto = (loadForm) => {
+  return {
+    type: ModificationType.LOAD_MODIFICATION,
+    equipmentId: loadForm.equipmentID,
+    equipmentName: toModificationOperation(sanitizeString(loadForm?.equipmentName)),
+    loadType: toModificationOperation(loadForm?.loadType),
+    p0: toModificationOperation(loadForm?.activePowerSetpoint),
+    q0: toModificationOperation(loadForm?.reactivePowerSetpoint),
+    voltageLevelId: toModificationOperation(loadForm.connectivity?.voltageLevel?.id),
+    busOrBusbarSectionId: toModificationOperation(loadForm.connectivity?.busOrBusbarSection?.id),
+    connectionName: toModificationOperation(sanitizeString(loadForm.connectivity?.connectionName)),
+    connectionDirection: toModificationOperation(loadForm.connectivity?.connectionDirection),
+    connectionPosition: toModificationOperation(loadForm.connectivity?.connectionPosition),
+    terminalConnected: toModificationOperation(loadForm.connectivity?.terminalConnected),
+    pMeasurementValue: toModificationOperation(loadForm.stateEstimation?.measurementP?.value),
+    pMeasurementValidity: toModificationOperation(loadForm.stateEstimation?.measurementP?.validity),
+    qMeasurementValue: toModificationOperation(loadForm.stateEstimation?.measurementQ?.value),
+    qMeasurementValidity: toModificationOperation(loadForm.stateEstimation?.measurementQ?.validity),
+    properties: toModificationProperties(loadForm)
+  };
+};
+export {
+  loadModificationDtoToForm,
+  loadModificationEmptyFormData,
+  loadModificationFormSchema,
+  loadModificationFormToDto
+};

package/dist/features/network-modifications/shunt-compensator/common/CharacteristicsForm.js

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid, Box } from "@mui/material";
+import { useFormContext, useWatch } from "react-hook-form";
+import { useMemo, useCallback, useEffect } from "react";
+import { useIntl } from "react-intl";
+import { ReactivePowerAdornment, SusceptanceAdornment } 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 "../../../../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 { RadioInput } from "../../../../components/ui/reactHookForm/booleans/RadioInput.js";
+import { FloatInput } from "../../../../components/ui/reactHookForm/numbers/FloatInput.js";
+import { IntegerInput } from "../../../../components/ui/reactHookForm/numbers/IntegerInput.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { SelectInput } from "../../../../components/ui/reactHookForm/selectInputs/SelectInput.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 { SHUNT_COMPENSATOR_TYPES, CHARACTERISTICS_CHOICES } from "./shuntCompensator.utils.js";
+function CharacteristicsForm({ previousValues, isModification = false }) {
+  const intl = useIntl();
+  const { setValue } = useFormContext();
+  const [sectionCount, maximumSectionCount, maxQAtNominalV, maxSusceptance, characteristicsChoice] = useWatch({
+    name: [
+      FieldConstants.SECTION_COUNT,
+      FieldConstants.MAXIMUM_SECTION_COUNT,
+      FieldConstants.MAX_Q_AT_NOMINAL_V,
+      FieldConstants.MAX_SUSCEPTANCE,
+      FieldConstants.CHARACTERISTICS_CHOICE
+    ]
+  });
+  const previousMaxQAtNominalV = useMemo(() => {
+    const prevValue = previousValues?.qAtNominalV && previousValues?.maximumSectionCount ? previousValues.qAtNominalV * previousValues.maximumSectionCount : void 0;
+    return Number.isNaN(prevValue) ? void 0 : prevValue;
+  }, [previousValues]);
+  const previousMaxSusceptance = useMemo(() => {
+    const prevValue = previousValues?.bPerSection && previousValues?.maximumSectionCount ? previousValues.bPerSection * previousValues.maximumSectionCount : void 0;
+    return Number.isNaN(prevValue) ? void 0 : prevValue;
+  }, [previousValues]);
+  const currentSectionCount = useMemo(
+    () => sectionCount ?? previousValues?.sectionCount,
+    [sectionCount, previousValues]
+  );
+  const currentMaximumSectionCount = useMemo(
+    () => maximumSectionCount ?? previousValues?.maximumSectionCount,
+    [maximumSectionCount, previousValues]
+  );
+  const currentMaxQAtNominalV = useMemo(
+    () => maxQAtNominalV ?? previousMaxQAtNominalV,
+    [maxQAtNominalV, previousMaxQAtNominalV]
+  );
+  const currentMaxSusceptance = useMemo(
+    () => maxSusceptance ?? previousMaxSusceptance,
+    [maxSusceptance, previousMaxSusceptance]
+  );
+  const previousShuntCompensatorType = useMemo(
+    () => previousValues?.bPerSection ? intl.formatMessage({
+      id: previousValues.bPerSection > 0 ? SHUNT_COMPENSATOR_TYPES.CAPACITOR.label : SHUNT_COMPENSATOR_TYPES.REACTOR.label
+    }) : "",
+    [previousValues?.bPerSection, intl]
+  );
+  const handleSwitchedOnValue = useCallback(
+    (currentLinkedSwitchedOnValue, switchedOnFieldName) => {
+      if ([currentSectionCount, currentMaximumSectionCount, currentLinkedSwitchedOnValue].every(
+        (v) => v !== null && v !== void 0
+      ) && currentMaximumSectionCount >= currentSectionCount) {
+        setValue(
+          switchedOnFieldName,
+          currentLinkedSwitchedOnValue / currentMaximumSectionCount * currentSectionCount
+        );
+      } else {
+        setValue(switchedOnFieldName, null);
+      }
+    },
+    [currentSectionCount, currentMaximumSectionCount, setValue]
+  );
+  useEffect(() => {
+    if (characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id) {
+      handleSwitchedOnValue(currentMaxQAtNominalV, FieldConstants.SWITCHED_ON_Q_AT_NOMINAL_V);
+    } else if (characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id) {
+      handleSwitchedOnValue(currentMaxSusceptance, FieldConstants.SWITCHED_ON_SUSCEPTANCE);
+    }
+  }, [characteristicsChoice, handleSwitchedOnValue, currentMaxQAtNominalV, currentMaxSusceptance]);
+  const maximumSectionCountField = /* @__PURE__ */ jsx(
+    IntegerInput,
+    {
+      name: FieldConstants.MAXIMUM_SECTION_COUNT,
+      label: "maximumSectionCount",
+      previousValue: previousValues?.maximumSectionCount ?? void 0,
+      clearable: isModification
+    }
+  );
+  const sectionCountField = /* @__PURE__ */ jsx(
+    IntegerInput,
+    {
+      name: FieldConstants.SECTION_COUNT,
+      label: "sectionCount",
+      previousValue: previousValues?.sectionCount ?? void 0,
+      clearable: isModification
+    }
+  );
+  const maxQAtNominalVField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: FieldConstants.MAX_Q_AT_NOMINAL_V,
+      label: "maxQAtNominalV",
+      adornment: ReactivePowerAdornment,
+      previousValue: previousMaxQAtNominalV,
+      clearable: isModification
+    }
+  );
+  const switchedOnMaxQAtNominalVField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: FieldConstants.SWITCHED_ON_Q_AT_NOMINAL_V,
+      label: "SwitchedOnMaxQAtNominalV",
+      adornment: ReactivePowerAdornment,
+      previousValue: previousValues?.qAtNominalV && previousValues?.sectionCount ? previousValues.qAtNominalV * previousValues.sectionCount : void 0,
+      formProps: {
+        disabled: true
+      }
+    }
+  );
+  const shuntCompensatorTypeField = /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      options: Object.values(SHUNT_COMPENSATOR_TYPES),
+      name: FieldConstants.SHUNT_COMPENSATOR_TYPE,
+      label: "Type",
+      size: "small",
+      previousValue: previousShuntCompensatorType
+    }
+  );
+  const maxSusceptanceField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: FieldConstants.MAX_SUSCEPTANCE,
+      label: "maxSusceptance",
+      adornment: SusceptanceAdornment,
+      previousValue: previousMaxSusceptance,
+      clearable: isModification
+    }
+  );
+  const switchedOnSusceptanceField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: FieldConstants.SWITCHED_ON_SUSCEPTANCE,
+      label: "SwitchedOnMaxSusceptance",
+      adornment: SusceptanceAdornment,
+      previousValue: previousValues?.bPerSection && previousValues.sectionCount ? previousValues.bPerSection * previousValues.sectionCount : void 0,
+      formProps: {
+        disabled: true
+      }
+    }
+  );
+  const characteristicsChoiceField = /* @__PURE__ */ jsx(RadioInput, { name: FieldConstants.CHARACTERISTICS_CHOICE, options: Object.values(CHARACTERISTICS_CHOICES) });
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: maximumSectionCountField }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: sectionCountField }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: characteristicsChoiceField }),
+    characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id && /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: maxSusceptanceField }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: switchedOnSusceptanceField })
+    ] }),
+    characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: shuntCompensatorTypeField }),
+      /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: maxQAtNominalVField }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: switchedOnMaxQAtNominalVField })
+    ] })
+  ] });
+}
+export {
+  CharacteristicsForm
+};

package/dist/features/network-modifications/shunt-compensator/common/characteristicsForm.utils.js

@@ -0,0 +1,88 @@
+import { string, number, ref } 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";
+import { CHARACTERISTICS_CHOICES, SHUNT_COMPENSATOR_TYPES, computeSwitchedOnValue } from "./shuntCompensator.utils.js";
+const getCharacteristicsCreateFormValidationSchema = () => ({
+  [FieldConstants.MAX_Q_AT_NOMINAL_V]: number().nullable().default(null).when([FieldConstants.CHARACTERISTICS_CHOICE], {
+    is: (characteristicsChoice) => characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id,
+    then: (schema) => schema.min(0, "ShuntCompensatorErrorQAtNominalVoltageLessThanZero").required()
+  }),
+  [FieldConstants.MAX_SUSCEPTANCE]: number().nullable().default(null).when([FieldConstants.CHARACTERISTICS_CHOICE], {
+    is: (characteristicsChoice) => characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.MAXIMUM_SECTION_COUNT]: number().required().min(1, "MaximumSectionCountMustBeGreaterOrEqualToOne"),
+  [FieldConstants.SECTION_COUNT]: number().required().min(0, "SectionCountMustBeBetweenZeroAndMaximumSectionCount").max(ref(FieldConstants.MAXIMUM_SECTION_COUNT), "SectionCountMustBeBetweenZeroAndMaximumSectionCount"),
+  [FieldConstants.SWITCHED_ON_Q_AT_NOMINAL_V]: number().notRequired(),
+  [FieldConstants.SWITCHED_ON_SUSCEPTANCE]: number().notRequired()
+});
+const getCharacteristicsModificationFormValidationSchema = () => ({
+  [FieldConstants.MAX_Q_AT_NOMINAL_V]: number().min(0, "ShuntCompensatorErrorQAtNominalVoltageLessThanZero").nullable().default(null),
+  [FieldConstants.MAX_SUSCEPTANCE]: number().nullable().default(null),
+  [FieldConstants.MAXIMUM_SECTION_COUNT]: number().min(1, "MaximumSectionCountMustBeGreaterOrEqualToOne").nullable().default(null),
+  [FieldConstants.SECTION_COUNT]: number().min(0, "SectionCountMustBeBetweenZeroAndMaximumSectionCount").nullable().default(null),
+  [FieldConstants.SWITCHED_ON_Q_AT_NOMINAL_V]: number().nullable(),
+  [FieldConstants.SWITCHED_ON_SUSCEPTANCE]: number().nullable()
+});
+const getCharacteristicsFormValidationSchema = (isModification) => {
+  const baseSchema = {
+    [FieldConstants.CHARACTERISTICS_CHOICE]: string().required(),
+    [FieldConstants.SHUNT_COMPENSATOR_TYPE]: string().nullable().default(null).when([FieldConstants.CHARACTERISTICS_CHOICE], {
+      is: (choice) => choice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && !isModification,
+      then: (schema) => schema.oneOf([SHUNT_COMPENSATOR_TYPES.CAPACITOR.id, SHUNT_COMPENSATOR_TYPES.REACTOR.id]).required()
+    })
+  };
+  const additionalSchema = isModification ? getCharacteristicsModificationFormValidationSchema() : getCharacteristicsCreateFormValidationSchema();
+  return {
+    ...baseSchema,
+    ...additionalSchema
+  };
+};
+const getCharacteristicsEmptyFormData = () => ({
+  [FieldConstants.MAXIMUM_SECTION_COUNT]: null,
+  [FieldConstants.SECTION_COUNT]: null,
+  [FieldConstants.CHARACTERISTICS_CHOICE]: CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id,
+  [FieldConstants.MAX_SUSCEPTANCE]: null,
+  [FieldConstants.SHUNT_COMPENSATOR_TYPE]: null,
+  [FieldConstants.MAX_Q_AT_NOMINAL_V]: null,
+  [FieldConstants.SWITCHED_ON_Q_AT_NOMINAL_V]: null,
+  [FieldConstants.SWITCHED_ON_SUSCEPTANCE]: null
+});
+const getCharacteristicsFormData = ({
+  maxSusceptance,
+  maxQAtNominalV,
+  shuntCompensatorType,
+  sectionCount,
+  maximumSectionCount
+}) => ({
+  [FieldConstants.CHARACTERISTICS_CHOICE]: maxSusceptance == null ? CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id : CHARACTERISTICS_CHOICES.SUSCEPTANCE.id,
+  [FieldConstants.MAX_SUSCEPTANCE]: maxSusceptance,
+  [FieldConstants.SHUNT_COMPENSATOR_TYPE]: shuntCompensatorType ?? null,
+  [FieldConstants.MAX_Q_AT_NOMINAL_V]: maxQAtNominalV,
+  [FieldConstants.SECTION_COUNT]: sectionCount ?? null,
+  [FieldConstants.MAXIMUM_SECTION_COUNT]: maximumSectionCount ?? null,
+  [FieldConstants.SWITCHED_ON_Q_AT_NOMINAL_V]: maxQAtNominalV != null && sectionCount != null && maximumSectionCount != null ? computeSwitchedOnValue(sectionCount, maximumSectionCount, maxQAtNominalV) : null,
+  [FieldConstants.SWITCHED_ON_SUSCEPTANCE]: maxSusceptance != null && sectionCount != null && maximumSectionCount != null ? computeSwitchedOnValue(sectionCount, maximumSectionCount, maxSusceptance) : null
+});
+const getCharacteristicsCreateFormDataFromSearchCopy = ({
+  bPerSection,
+  qAtNominalV,
+  sectionCount,
+  maximumSectionCount
+}) => ({
+  [FieldConstants.CHARACTERISTICS_CHOICE]: CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id,
+  [FieldConstants.MAX_SUSCEPTANCE]: bPerSection && maximumSectionCount && bPerSection * maximumSectionCount,
+  [FieldConstants.SHUNT_COMPENSATOR_TYPE]: bPerSection && bPerSection > 0 ? SHUNT_COMPENSATOR_TYPES.CAPACITOR.id : SHUNT_COMPENSATOR_TYPES.REACTOR.id,
+  [FieldConstants.MAX_Q_AT_NOMINAL_V]: qAtNominalV && maximumSectionCount && qAtNominalV * maximumSectionCount,
+  [FieldConstants.SECTION_COUNT]: sectionCount,
+  [FieldConstants.MAXIMUM_SECTION_COUNT]: maximumSectionCount
+});
+export {
+  getCharacteristicsCreateFormDataFromSearchCopy,
+  getCharacteristicsEmptyFormData,
+  getCharacteristicsFormData,
+  getCharacteristicsFormValidationSchema
+};

package/dist/features/network-modifications/shunt-compensator/creation/ShuntCompensatorCreationForm.js

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react";
+import "react-hook-form";
+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 { 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 GridSection from "../../../../components/composite/grid/grid-section.js";
+import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
+import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
+import { filledTextField } from "../../common/form.utils.js";
+import "../../common/properties/propertyUtils.js";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomRightButtons.js";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import { CharacteristicsForm } from "../common/CharacteristicsForm.js";
+function ShuntCompensatorCreationForm({
+  voltageLevelOptions = [],
+  fetchBusesOrBusbarSections,
+  PositionDiagramPane
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          name: FieldConstants.EQUIPMENT_ID,
+          label: "ID",
+          formProps: { autoFocus: true, ...filledTextField }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        ConnectivityForm,
+        {
+          voltageLevelOptions,
+          PositionDiagramPane,
+          fetchBusesOrBusbarSections
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { isModification: false }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator" }) })
+  ] });
+}
+export {
+  ShuntCompensatorCreationForm
+};

package/dist/features/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.js

@@ -0,0 +1,118 @@
+import { object, string } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import { UNDEFINED_CONNECTION_DIRECTION } from "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { sanitizeString } from "../../../../utils/ts-utils.js";
+import "react";
+import "react-hook-form";
+import { creationPropertiesSchema, getFilledPropertiesFromModification, toModificationProperties } from "../../common/properties/propertyUtils.js";
+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 "../../../../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 "../../../../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 "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomRightButtons.js";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import { CHARACTERISTICS_CHOICES } from "../common/shuntCompensator.utils.js";
+import { getCharacteristicsFormValidationSchema, getCharacteristicsEmptyFormData, getCharacteristicsFormData } from "../common/characteristicsForm.utils.js";
+const shuntCompensatorCreationFormSchema = object().shape({
+  [FieldConstants.EQUIPMENT_ID]: string().required(),
+  [FieldConstants.EQUIPMENT_NAME]: string().nullable(),
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionSchema(false),
+  ...getCharacteristicsFormValidationSchema(false)
+}).concat(creationPropertiesSchema).required();
+const shuntCompensatorCreationEmptyFormData = {
+  [FieldConstants.EQUIPMENT_ID]: "",
+  [FieldConstants.EQUIPMENT_NAME]: "",
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionEmptyFormDataProps(),
+  ...getCharacteristicsEmptyFormData(),
+  [FieldConstants.ADDITIONAL_PROPERTIES]: []
+};
+const shuntCompensatorCreationDtoToForm = (shuntDto) => ({
+  [FieldConstants.EQUIPMENT_ID]: shuntDto.equipmentId,
+  [FieldConstants.EQUIPMENT_NAME]: shuntDto.equipmentName ?? "",
+  [FieldConstants.CONNECTIVITY]: getConnectivityFormDataProps({
+    voltageLevelId: shuntDto.voltageLevelId,
+    busbarSectionId: shuntDto.busOrBusbarSectionId,
+    connectionDirection: shuntDto.connectionDirection,
+    connectionName: shuntDto.connectionName,
+    connectionPosition: shuntDto.connectionPosition,
+    terminalConnected: shuntDto.terminalConnected
+  }),
+  ...getCharacteristicsFormData({
+    maxSusceptance: shuntDto.maxSusceptance ?? null,
+    maxQAtNominalV: shuntDto.maxQAtNominalV ?? null,
+    shuntCompensatorType: shuntDto.shuntCompensatorType,
+    sectionCount: shuntDto.sectionCount,
+    maximumSectionCount: shuntDto.maximumSectionCount
+  }),
+  [FieldConstants.ADDITIONAL_PROPERTIES]: getFilledPropertiesFromModification(shuntDto?.properties)
+});
+const shuntCompensatorCreationFormToDto = (shuntForm) => {
+  const choice = shuntForm[FieldConstants.CHARACTERISTICS_CHOICE];
+  return {
+    type: ModificationType.SHUNT_COMPENSATOR_CREATION,
+    equipmentId: shuntForm[FieldConstants.EQUIPMENT_ID],
+    equipmentName: sanitizeString(shuntForm[FieldConstants.EQUIPMENT_NAME]),
+    maxSusceptance: choice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id ? shuntForm[FieldConstants.MAX_SUSCEPTANCE] ?? null : null,
+    maxQAtNominalV: choice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id ? shuntForm[FieldConstants.MAX_Q_AT_NOMINAL_V] ?? null : null,
+    shuntCompensatorType: choice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id ? shuntForm[FieldConstants.SHUNT_COMPENSATOR_TYPE] ?? null : null,
+    sectionCount: shuntForm[FieldConstants.SECTION_COUNT] ?? null,
+    maximumSectionCount: shuntForm[FieldConstants.MAXIMUM_SECTION_COUNT] ?? null,
+    voltageLevelId: shuntForm[FieldConstants.CONNECTIVITY]?.voltageLevel?.id ?? "",
+    busOrBusbarSectionId: shuntForm[FieldConstants.CONNECTIVITY]?.busOrBusbarSection?.id ?? "",
+    connectionDirection: shuntForm[FieldConstants.CONNECTIVITY]?.connectionDirection ?? UNDEFINED_CONNECTION_DIRECTION,
+    connectionName: sanitizeString(shuntForm[FieldConstants.CONNECTIVITY]?.connectionName),
+    connectionPosition: shuntForm[FieldConstants.CONNECTIVITY]?.connectionPosition ?? null,
+    terminalConnected: shuntForm[FieldConstants.CONNECTIVITY]?.terminalConnected ?? null,
+    properties: toModificationProperties(shuntForm)
+  };
+};
+export {
+  shuntCompensatorCreationDtoToForm,
+  shuntCompensatorCreationEmptyFormData,
+  shuntCompensatorCreationFormSchema,
+  shuntCompensatorCreationFormToDto
+};