@gridsuite/commons-ui 0.270.0 → 0.271.0

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/phaseTapChanger/phaseTapChanger.utils.js

@@ -0,0 +1,242 @@
+import { object, array, number, ref, string, bool } from "yup";
+import "react/jsx-runtime";
+import "react";
+import "react-hook-form";
+import "../../../common/properties/propertyUtils.js";
+import "@mui/material";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import { TARGET_DEADBAND_MUST_BE_GREATER_OR_EQUAL_TO_ZERO } from "../../../../../utils/constants/translationKeys.js";
+import "../../../../../utils/conversionUtils.js";
+import { PHASE_REGULATION_MODES, REGULATION_SIDES } from "../../../../../utils/types/equipmentType.js";
+import { areNumbersOrdered, areArrayElementsUnique } from "../../../../../utils/functions.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 "../../../../../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-fill.svg?react";
+import "../../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@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-papaparse";
+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/BottomTableButtons.js";
+import "../../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import "../../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import { getRegulatingTerminalEmptyFormData, getRegulatingTerminalFormData } from "../../../common/regulatingTerminal/regulatingTerminal.utils.js";
+import { REGULATION_TYPES } from "../../../common/voltageRegulation/voltageRegulation.utils.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../../common/currentLimits/limitsPane.utils.js";
+const getRegulatingTerminalPhaseTapChangerValidationSchema = () => ({
+  [FieldConstants.VOLTAGE_LEVEL]: object().nullable().shape({
+    [FieldConstants.ID]: string(),
+    [FieldConstants.NAME]: string(),
+    [FieldConstants.SUBSTATION_ID]: string(),
+    [FieldConstants.NOMINAL_VOLTAGE]: string(),
+    [FieldConstants.TOPOLOGY_KIND]: string().nullable()
+  }).when([FieldConstants.ENABLED, FieldConstants.REGULATION_TYPE], {
+    is: (enabled, regulationType) => enabled && regulationType === REGULATION_TYPES.DISTANT.id,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.EQUIPMENT]: object().nullable().shape({
+    [FieldConstants.ID]: string(),
+    [FieldConstants.NAME]: string().nullable(),
+    [FieldConstants.TYPE]: string()
+  }).when([FieldConstants.ENABLED, FieldConstants.REGULATION_TYPE], {
+    is: (enabled, regulationType) => enabled && regulationType === REGULATION_TYPES.DISTANT.id,
+    then: (schema) => schema.required()
+  })
+});
+const getPhaseTapChangerValidationSchemaProps = (isModification = false) => object().shape({
+  [FieldConstants.ENABLED]: bool().required(),
+  [FieldConstants.REGULATION_MODE]: string().nullable().when([FieldConstants.ENABLED], {
+    is: true,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.REGULATION_TYPE]: string().nullable().when([FieldConstants.ENABLED, FieldConstants.REGULATION_MODE], {
+    is: (enabled, regulationMode) => enabled && regulationMode !== PHASE_REGULATION_MODES.OFF.id,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.REGULATION_SIDE]: string().nullable().when([FieldConstants.ENABLED, FieldConstants.REGULATION_TYPE], {
+    is: (enabled, regulationType) => enabled && regulationType === REGULATION_TYPES.LOCAL.id,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.CURRENT_LIMITER_REGULATING_VALUE]: number().nullable().when([FieldConstants.ENABLED, FieldConstants.REGULATION_MODE], {
+    is: (enabled, regulationMode) => enabled && regulationMode === PHASE_REGULATION_MODES.CURRENT_LIMITER.id,
+    then: (schema) => schema.positive("CurrentLimiterMustBeGreaterThanZero").required()
+  }),
+  [FieldConstants.FLOW_SET_POINT_REGULATING_VALUE]: number().nullable().when([FieldConstants.ENABLED, FieldConstants.REGULATION_MODE], {
+    is: (enabled, regulationMode) => enabled && regulationMode === PHASE_REGULATION_MODES.ACTIVE_POWER_CONTROL.id,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.TARGET_DEADBAND]: number().nullable().min(0, TARGET_DEADBAND_MUST_BE_GREATER_OR_EQUAL_TO_ZERO),
+  [FieldConstants.LOW_TAP_POSITION]: number().nullable().when(FieldConstants.ENABLED, {
+    is: (enabled) => enabled && !isModification,
+    then: (schema) => schema.required()
+  }),
+  [FieldConstants.HIGH_TAP_POSITION]: number().nullable(),
+  [FieldConstants.TAP_POSITION]: number().nullable().when(FieldConstants.ENABLED, {
+    is: (enabled) => enabled && !isModification,
+    then: (schema) => schema.required().min(ref(FieldConstants.LOW_TAP_POSITION), "TapPositionMustBeBetweenLowAndHighTapPositionValue").max(
+      ref(FieldConstants.HIGH_TAP_POSITION),
+      "TapPositionMustBeBetweenLowAndHighTapPositionValue"
+    )
+  }),
+  [FieldConstants.STEPS]: array().of(
+    object().shape({
+      [FieldConstants.STEPS_TAP]: number().required(),
+      [FieldConstants.STEPS_RESISTANCE]: number(),
+      [FieldConstants.STEPS_REACTANCE]: number(),
+      [FieldConstants.STEPS_CONDUCTANCE]: number(),
+      [FieldConstants.STEPS_SUSCEPTANCE]: number(),
+      [FieldConstants.STEPS_RATIO]: number(),
+      [FieldConstants.STEPS_ALPHA]: number()
+    })
+  ).when(FieldConstants.ENABLED, {
+    is: (enabled) => enabled && !isModification,
+    then: (schema) => schema.min(1, "GeneratePhaseTapRowsError")
+  }).test("distinctOrderedAlpha", "PhaseShiftValuesError", (stepsArray) => {
+    const alphaArray = (stepsArray ?? []).map((step) => step[FieldConstants.STEPS_ALPHA]);
+    return areNumbersOrdered(alphaArray) && areArrayElementsUnique(alphaArray);
+  }),
+  ...getRegulatingTerminalPhaseTapChangerValidationSchema()
+});
+const getPhaseTapChangerEmptyFormData = (isModification = false) => {
+  return {
+    [FieldConstants.ENABLED]: false,
+    [FieldConstants.REGULATION_MODE]: null,
+    [FieldConstants.REGULATION_TYPE]: null,
+    [FieldConstants.REGULATION_SIDE]: isModification ? null : REGULATION_SIDES.SIDE1.id,
+    [FieldConstants.CURRENT_LIMITER_REGULATING_VALUE]: null,
+    [FieldConstants.FLOW_SET_POINT_REGULATING_VALUE]: null,
+    [FieldConstants.TARGET_DEADBAND]: null,
+    [FieldConstants.LOW_TAP_POSITION]: null,
+    [FieldConstants.HIGH_TAP_POSITION]: null,
+    [FieldConstants.TAP_POSITION]: null,
+    [FieldConstants.STEPS]: [],
+    ...getRegulatingTerminalEmptyFormData()
+  };
+};
+const getPhaseTapChangerFormData = ({
+  enabled = false,
+  regulationMode = null,
+  regulationType = null,
+  regulationSide = REGULATION_SIDES.SIDE1.id,
+  currentLimiterRegulatingValue = null,
+  flowSetpointRegulatingValue = null,
+  targetDeadband = null,
+  lowTapPosition = null,
+  highTapPosition = null,
+  tapPosition = null,
+  steps = [],
+  voltageLevelId,
+  equipmentID,
+  equipmentType
+}, id = FieldConstants.PHASE_TAP_CHANGER) => ({
+  [id]: {
+    [FieldConstants.ENABLED]: enabled,
+    [FieldConstants.REGULATION_MODE]: regulationMode,
+    [FieldConstants.REGULATION_TYPE]: regulationType,
+    [FieldConstants.REGULATION_SIDE]: regulationSide,
+    [FieldConstants.CURRENT_LIMITER_REGULATING_VALUE]: currentLimiterRegulatingValue,
+    [FieldConstants.FLOW_SET_POINT_REGULATING_VALUE]: flowSetpointRegulatingValue,
+    [FieldConstants.TARGET_DEADBAND]: targetDeadband,
+    [FieldConstants.LOW_TAP_POSITION]: lowTapPosition,
+    [FieldConstants.HIGH_TAP_POSITION]: highTapPosition,
+    [FieldConstants.TAP_POSITION]: tapPosition,
+    [FieldConstants.STEPS]: steps,
+    ...getRegulatingTerminalFormData({
+      [FieldConstants.EQUIPMENT_ID]: equipmentID,
+      [FieldConstants.EQUIPMENT_TYPE]: equipmentType,
+      [FieldConstants.VOLTAGE_LEVEL_ID]: voltageLevelId
+    })
+  }
+});
+const getComputedPhaseTapChangerRegulationMode = (phaseTapChangerFormValues) => {
+  if (phaseTapChangerFormValues?.[FieldConstants.REGULATION_MODE] === PHASE_REGULATION_MODES.OFF.id || phaseTapChangerFormValues?.[FieldConstants.REGULATING] === false) {
+    return PHASE_REGULATION_MODES.OFF;
+  }
+  if (phaseTapChangerFormValues?.[FieldConstants.REGULATION_MODE] === PHASE_REGULATION_MODES.CURRENT_LIMITER.id && phaseTapChangerFormValues?.[FieldConstants.REGULATING] === true) {
+    return PHASE_REGULATION_MODES.CURRENT_LIMITER;
+  }
+  if (phaseTapChangerFormValues?.[FieldConstants.REGULATION_MODE] === PHASE_REGULATION_MODES.ACTIVE_POWER_CONTROL.id && phaseTapChangerFormValues?.[FieldConstants.REGULATING] === true) {
+    return PHASE_REGULATION_MODES.ACTIVE_POWER_CONTROL;
+  }
+  return void 0;
+};
+const getPhaseTapRegulationSideId = (twt) => {
+  const phaseTapChangerValues = twt?.phaseTapChanger;
+  if (!phaseTapChangerValues || !twt) {
+    return null;
+  }
+  if (phaseTapChangerValues?.regulatingTerminalConnectableId === twt?.id) {
+    return phaseTapChangerValues?.regulatingTerminalVlId === twt?.voltageLevelId1 ? REGULATION_SIDES.SIDE1.id : REGULATION_SIDES.SIDE2.id;
+  }
+  return null;
+};
+const getComputedPhaseRegulationType = (twt) => {
+  if (!twt?.[FieldConstants.PHASE_TAP_CHANGER]?.regulatingTerminalConnectableId) {
+    return null;
+  }
+  if (twt?.[FieldConstants.PHASE_TAP_CHANGER]?.regulatingTerminalConnectableId !== twt?.id) {
+    return REGULATION_TYPES.DISTANT;
+  }
+  return REGULATION_TYPES.LOCAL;
+};
+const getComputedPhaseRegulationTypeId = (twt) => {
+  const regulationType = getComputedPhaseRegulationType(twt);
+  return regulationType?.id ?? null;
+};
+const getComputedPreviousPhaseRegulationType = (previousValues) => {
+  const previousRegulationType = getComputedPhaseRegulationType(previousValues);
+  return previousRegulationType?.id ?? null;
+};
+export {
+  getComputedPhaseRegulationType,
+  getComputedPhaseRegulationTypeId,
+  getComputedPhaseTapChangerRegulationMode,
+  getComputedPreviousPhaseRegulationType,
+  getPhaseTapChangerEmptyFormData,
+  getPhaseTapChangerFormData,
+  getPhaseTapChangerValidationSchemaProps,
+  getPhaseTapRegulationSideId
+};

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/ratioTapChanger/RatioTapChangerPane.d.ts

@@ -0,0 +1,2 @@
+import { TapChangerPaneProps } from '../../common/twoWindingsTransformer.types';
+export declare function RatioTapChangerPane({ id, voltageLevelOptions, previousValues, editData, fetchVoltageLevelEquipments, isModification, }: Readonly<TapChangerPaneProps>): import("react").JSX.Element;

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/ratioTapChanger/RatioTapChangerPane.js

@@ -0,0 +1,283 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { useMemo, useCallback, useEffect } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { useIntl } from "react-intl";
+import { RatioTapChangerPaneSteps } from "./RatioTapChangerPaneSteps.js";
+import { getComputedPreviousRatioRegulationType, getComputedRegulationModeId, getComputedRegulationTypeId, getComputedTapSideId } from "./ratioTapChanger.utils.js";
+import { RegulatedTerminalSection } from "../RegulatedTerminalSection.js";
+import { VoltageAdornment } from "../../../../../utils/constants/adornments.js";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import { RATIO_REGULATION_MODES } from "../../../../../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 { SwitchInput } from "../../../../../components/ui/reactHookForm/booleans/SwitchInput.js";
+import { FloatInput } from "../../../../../components/ui/reactHookForm/numbers/FloatInput.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-fill.svg?react";
+import "../../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import { CheckboxNullableInput } from "../../../../../components/ui/reactHookForm/CheckboxNullableInput.js";
+import "../../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.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-papaparse";
+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 { GridItem } from "../../../../../components/composite/grid/grid-item.js";
+import { GridSection } from "../../../../../components/composite/grid/grid-section.js";
+import "@react-querybuilder/material";
+import "../../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+function RatioTapChangerPane({
+  id = FieldConstants.RATIO_TAP_CHANGER,
+  voltageLevelOptions = [],
+  previousValues,
+  editData,
+  fetchVoltageLevelEquipments,
+  isModification = false
+}) {
+  const { trigger, setValue, getValues } = useFormContext();
+  const intl = useIntl();
+  const previousRegulation = () => {
+    if (previousValues?.ratioTapChanger?.hasLoadTapChangingCapabilities) {
+      return intl.formatMessage({ id: "On" });
+    }
+    if (previousValues?.ratioTapChanger?.hasLoadTapChangingCapabilities === false) {
+      return intl.formatMessage({ id: "Off" });
+    }
+    return void 0;
+  };
+  const getRatioTapChangerRegulationModeLabel = (ratioTapChangerFormValues) => {
+    if (!ratioTapChangerFormValues) {
+      return void 0;
+    }
+    if (ratioTapChangerFormValues?.isRegulating) {
+      return intl.formatMessage({
+        id: RATIO_REGULATION_MODES.VOLTAGE_REGULATION.label
+      });
+    }
+    return intl.formatMessage({
+      id: RATIO_REGULATION_MODES.FIXED_RATIO.label
+    });
+  };
+  const ratioTapChangerEnabledWatcher = useWatch({
+    name: `${id}.${FieldConstants.ENABLED}`
+  });
+  const ratioTapLoadTapChangingCapabilitiesWatcher = useWatch({
+    name: `${id}.${FieldConstants.LOAD_TAP_CHANGING_CAPABILITIES}`
+  });
+  const isRatioTapLoadTapChangingCapabilitiesOff = !ratioTapLoadTapChangingCapabilitiesWatcher || ratioTapLoadTapChangingCapabilitiesWatcher === null;
+  const regulationModeWatch = useWatch({
+    name: `${id}.${FieldConstants.REGULATION_MODE}`
+  });
+  const regulationTypeWatch = useWatch({
+    name: `${id}.${FieldConstants.REGULATION_TYPE}`
+  });
+  const regulationType = useMemo(() => {
+    return regulationTypeWatch || (previousValues ? getComputedPreviousRatioRegulationType(previousValues) : void 0);
+  }, [previousValues, regulationTypeWatch]);
+  const findAndSetVoltageLevelFromPrevious = useCallback(() => {
+    const prevVl = voltageLevelOptions.find(
+      (vl) => vl.id === previousValues?.ratioTapChanger?.regulatingTerminalVlId
+    );
+    if (prevVl) {
+      const newVlValue = {
+        id: prevVl.id,
+        label: prevVl.name ?? ""
+      };
+      setValue(`${id}.${FieldConstants.VOLTAGE_LEVEL}`, newVlValue);
+    } else {
+      console.error("Voltage level not found:", prevVl);
+    }
+  }, [setValue, id, voltageLevelOptions, previousValues]);
+  const setEquipmentFromPrevious = useCallback(() => {
+    const prevEquipmentId = previousValues?.ratioTapChanger?.regulatingTerminalConnectableId;
+    if (prevEquipmentId) {
+      const prevEquipmentType = previousValues?.ratioTapChanger?.regulatingTerminalConnectableType;
+      const newEquipment = {
+        id: prevEquipmentId,
+        label: prevEquipmentType,
+        type: prevEquipmentType
+      };
+      setValue(`${id}.${FieldConstants.EQUIPMENT}`, newEquipment);
+    }
+  }, [setValue, id, previousValues]);
+  const setValueIfNull = useCallback(
+    (curRatioTapChanger, field, value) => {
+      if (curRatioTapChanger[field] === null) {
+        setValue(`${id}.${field}`, value);
+      }
+    },
+    [setValue, id]
+  );
+  const fillRatioTapChangerRegulationAttributesWithPreviousValues = useCallback(
+    (newOnLoad) => {
+      if (newOnLoad !== true || !previousValues) {
+        return;
+      }
+      const curRatioTapChanger = getValues(id);
+      setValueIfNull(
+        curRatioTapChanger,
+        FieldConstants.REGULATION_MODE,
+        getComputedRegulationModeId(previousValues)
+      );
+      setValueIfNull(curRatioTapChanger, FieldConstants.TARGET_V, previousValues?.ratioTapChanger?.targetV);
+      setValueIfNull(
+        curRatioTapChanger,
+        FieldConstants.TARGET_DEADBAND,
+        previousValues?.ratioTapChanger?.targetDeadband
+      );
+      setValueIfNull(
+        curRatioTapChanger,
+        FieldConstants.REGULATION_TYPE,
+        getComputedRegulationTypeId(previousValues)
+      );
+      setValueIfNull(curRatioTapChanger, FieldConstants.REGULATION_SIDE, getComputedTapSideId(previousValues));
+      if (curRatioTapChanger[FieldConstants.VOLTAGE_LEVEL] === null) {
+        findAndSetVoltageLevelFromPrevious();
+      }
+      if (curRatioTapChanger[FieldConstants.EQUIPMENT] === null) {
+        setEquipmentFromPrevious();
+      }
+    },
+    [id, previousValues, getValues, setValueIfNull, findAndSetVoltageLevelFromPrevious, setEquipmentFromPrevious]
+  );
+  useEffect(() => {
+    if (regulationModeWatch === RATIO_REGULATION_MODES.FIXED_RATIO.id) {
+      trigger(`${id}.${FieldConstants.REGULATION_TYPE}`).then();
+      trigger(`${id}.${FieldConstants.REGULATION_SIDE}`).then();
+      trigger(`${id}.${FieldConstants.TARGET_V}`).then();
+    }
+  }, [regulationModeWatch, trigger, id]);
+  const ratioTapLoadTapChangingCapabilitiesField = isModification ? /* @__PURE__ */ jsx(
+    CheckboxNullableInput,
+    {
+      name: `${id}.${FieldConstants.LOAD_TAP_CHANGING_CAPABILITIES}`,
+      label: "OnLoad",
+      formProps: {
+        disabled: !ratioTapChangerEnabledWatcher
+      },
+      previousValue: previousRegulation(),
+      onChange: fillRatioTapChangerRegulationAttributesWithPreviousValues
+    }
+  ) : /* @__PURE__ */ jsx(
+    SwitchInput,
+    {
+      name: `${id}.${FieldConstants.LOAD_TAP_CHANGING_CAPABILITIES}`,
+      label: "OnLoad",
+      formProps: {
+        disabled: !ratioTapChangerEnabledWatcher
+      }
+    }
+  );
+  const regulationModeField = /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      name: `${id}.${FieldConstants.REGULATION_MODE}`,
+      label: "RegulationMode",
+      options: Object.values(RATIO_REGULATION_MODES),
+      size: "small",
+      disabled: isRatioTapLoadTapChangingCapabilitiesOff,
+      previousValue: getRatioTapChangerRegulationModeLabel(previousValues?.ratioTapChanger)
+    }
+  );
+  const targetVoltage1Field = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.TARGET_V}`,
+      label: "TargetVoltage",
+      adornment: VoltageAdornment,
+      formProps: {
+        disabled: isRatioTapLoadTapChangingCapabilitiesOff
+      },
+      previousValue: previousValues?.ratioTapChanger?.targetV ?? void 0
+    }
+  );
+  const targetDeadbandField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.TARGET_DEADBAND}`,
+      label: "Deadband",
+      adornment: VoltageAdornment,
+      formProps: {
+        disabled: isRatioTapLoadTapChangingCapabilitiesOff
+      },
+      previousValue: previousValues?.ratioTapChanger?.targetDeadband
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { children: ratioTapLoadTapChangingCapabilitiesField }),
+      /* @__PURE__ */ jsx(GridItem, { size: "auto" })
+    ] }),
+    /* @__PURE__ */ jsx(GridSection, { title: "RegulationSection", heading: 4 }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: regulationModeField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: targetVoltage1Field }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: targetDeadbandField })
+    ] }),
+    /* @__PURE__ */ jsx(
+      RegulatedTerminalSection,
+      {
+        id,
+        voltageLevelOptions,
+        previousValues,
+        tapChangerDisabled: isRatioTapLoadTapChangingCapabilitiesOff,
+        regulationType,
+        fetchVoltageLevelEquipments
+      }
+    ),
+    /* @__PURE__ */ jsx(GridSection, { title: "TapsSection", heading: 4 }),
+    /* @__PURE__ */ jsx(
+      RatioTapChangerPaneSteps,
+      {
+        disabled: !ratioTapChangerEnabledWatcher,
+        previousValues: previousValues?.ratioTapChanger,
+        editData,
+        isModification
+      }
+    )
+  ] });
+}
+export {
+  RatioTapChangerPane
+};

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/ratioTapChanger/RatioTapChangerPaneSteps.d.ts

@@ -0,0 +1,9 @@
+import { TapChangerMapInfos } from '../../common/twoWindingsTransformer.types';
+import { TwoWindingsTransformerModificationDto } from '../../modification/twoWindingsTransformerModification.types';
+export interface RatioTapChangerPaneStepsProps {
+    disabled?: boolean;
+    previousValues?: TapChangerMapInfos;
+    editData?: TwoWindingsTransformerModificationDto;
+    isModification?: boolean;
+}
+export declare function RatioTapChangerPaneSteps({ disabled, previousValues, editData, isModification, }: Readonly<RatioTapChangerPaneStepsProps>): import("react").JSX.Element;