@gridsuite/commons-ui 0.269.0 → 0.271.0

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/TapChangerSteps.js

@@ -0,0 +1,311 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback, useEffect } from "react";
+import { useFormContext, useFieldArray, useWatch } from "react-hook-form";
+import { Tooltip, IconButton, Grid } from "@mui/material";
+import { Addchart } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+import { CreateRuleDialog } from "./regulationRule/CreateRuleDialog.js";
+import { ImportRuleDialog } from "./regulationRule/ImportRuleDialog.js";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import { useCustomFormContext } from "../../../../components/ui/reactHookForm/provider/useCustomFormContext.js";
+import "yup";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { IntegerInput } from "../../../../components/ui/reactHookForm/numbers/IntegerInput.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 { DndTable } from "../../../../components/composite/dnd-table/dnd-table.js";
+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 { roundToDefaultPrecision } from "../../../../utils/rounding.js";
+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 { compareStepsWithPreviousValues, toTapChangerStepList, computeHighTapPosition } from "./tapChanger.utils.js";
+function TapChangerSteps({
+  tapChanger,
+  createTapRuleColumn,
+  columnsDefinition,
+  csvColumns,
+  createRuleMessageId,
+  createRuleAllowNegativeValues,
+  importRuleMessageId,
+  resetButtonMessageId,
+  handleImportRow,
+  disabled,
+  previousValues,
+  editData,
+  isModification = false
+}) {
+  const intl = useIntl();
+  const { trigger, getValues, setValue, clearErrors } = useFormContext();
+  const { isNodeBuilt } = useCustomFormContext();
+  const useFieldArrayOutput = useFieldArray({
+    name: `${tapChanger}.${FieldConstants.STEPS}`
+  });
+  const {
+    fields: tapSteps,
+    // don't use it to access form data ! check doc
+    replace
+  } = useFieldArrayOutput;
+  const lowTapPosition = useWatch({
+    name: `${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`
+  });
+  const [openCreateRuleDialog, setOpenCreateRuleDialog] = useState(false);
+  const [openImportRuleDialog, setOpenImportRuleDialog] = useState(false);
+  const disableAddingRows = useMemo(() => {
+    return isModification && lowTapPosition === null && previousValues?.[FieldConstants.LOW_TAP_POSITION] === void 0;
+  }, [isModification, lowTapPosition, previousValues]);
+  const allowedToAddTapRows = useCallback(() => {
+    return trigger(`${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`);
+  }, [trigger, tapChanger]);
+  const createTapRows = useCallback(
+    (numberOfRows) => {
+      const currentLowTapPosition = getValues(`${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`);
+      const currentTapRows = getValues(`${tapChanger}.${FieldConstants.STEPS}`);
+      let nextHighestTap;
+      if (currentTapRows.length === 0) {
+        nextHighestTap = currentLowTapPosition;
+      } else {
+        nextHighestTap = currentTapRows[currentTapRows.length - 1][FieldConstants.STEPS_TAP] + 1;
+      }
+      const tapRowsToAdd = [];
+      for (let i = 0; i < numberOfRows; i++) {
+        const newRow = columnsDefinition.slice(1).reduce(
+          (accumulator, currentValue) => ({
+            ...accumulator,
+            [currentValue.dataKey]: currentValue.initialValue
+          }),
+          { [FieldConstants.STEPS_TAP]: nextHighestTap }
+        );
+        tapRowsToAdd.push(newRow);
+        if (i !== numberOfRows - 1) {
+          nextHighestTap += 1;
+        }
+      }
+      setValue(`${tapChanger}.${FieldConstants.HIGH_TAP_POSITION}`, nextHighestTap);
+      return tapRowsToAdd;
+    },
+    [columnsDefinition, getValues, setValue, tapChanger]
+  );
+  const tapStepsWatcher = useWatch({
+    name: `${tapChanger}.${FieldConstants.STEPS}`
+  });
+  const areStepsModified = useMemo(() => {
+    if (editData && isNodeBuilt) {
+      return true;
+    }
+    return !compareStepsWithPreviousValues(
+      tapStepsWatcher,
+      toTapChangerStepList(previousValues?.[FieldConstants.STEPS])
+    );
+  }, [editData, isNodeBuilt, previousValues, tapStepsWatcher]);
+  const resetTapNumbers = useCallback(
+    (stepsOverride) => {
+      const currentTapRows = stepsOverride ?? getValues(`${tapChanger}.${FieldConstants.STEPS}`);
+      const currentLowTapPosition = isModification && lowTapPosition === null ? previousValues?.[FieldConstants.LOW_TAP_POSITION] : lowTapPosition;
+      if (currentLowTapPosition == null) {
+        return;
+      }
+      for (let tapPosition = currentLowTapPosition, index = 0; index < currentTapRows.length; tapPosition++, index++) {
+        setValue(`${tapChanger}.${FieldConstants.STEPS}[${index}].${FieldConstants.STEPS_TAP}`, tapPosition);
+      }
+      const newHighTapPosition = currentTapRows.length !== 0 ? (currentLowTapPosition ?? 0) + currentTapRows.length - 1 : null;
+      setValue(`${tapChanger}.${FieldConstants.HIGH_TAP_POSITION}`, newHighTapPosition);
+    },
+    [getValues, tapChanger, lowTapPosition, previousValues, setValue, isModification]
+  );
+  useEffect(() => {
+    trigger(`${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`).then((result) => {
+      if (result) {
+        resetTapNumbers(null);
+      }
+    });
+  }, [trigger, tapChanger, lowTapPosition, resetTapNumbers]);
+  useEffect(() => {
+    resetTapNumbers(tapSteps);
+  }, [tapSteps, resetTapNumbers]);
+  const handleResetButton = useCallback(() => {
+    replace(previousValues?.[FieldConstants.STEPS] ?? []);
+    setValue(`${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`, null);
+    clearErrors(`${tapChanger}.${FieldConstants.STEPS}`);
+  }, [clearErrors, previousValues, replace, setValue, tapChanger]);
+  const handleCreateTapRule = (lowTap, highTap) => {
+    const currentTapRows = getValues(`${tapChanger}.${FieldConstants.STEPS}`);
+    if (currentTapRows.length > 1) {
+      const interval = (highTap - lowTap) / (currentTapRows.length - 1);
+      let current = lowTap;
+      currentTapRows.forEach((_row, index) => {
+        currentTapRows[index][createTapRuleColumn] = roundToDefaultPrecision(current);
+        current += interval;
+      });
+      replace(currentTapRows);
+    }
+  };
+  const handleImportTapRuleButton = useCallback(() => {
+    trigger(`${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`).then((result) => {
+      if (result) {
+        setOpenImportRuleDialog(true);
+      }
+    });
+  }, [trigger, tapChanger]);
+  const handleImportTapRule = (results) => {
+    const rows = results.data.map((val) => ({
+      ...handleImportRow(val),
+      [FieldConstants.SELECTED]: false
+    }));
+    if (rows.length > 0) {
+      replace(rows);
+    }
+  };
+  const lowTapPositionField = /* @__PURE__ */ jsx(
+    IntegerInput,
+    {
+      name: `${tapChanger}.${FieldConstants.LOW_TAP_POSITION}`,
+      label: "LowTapPosition",
+      formProps: {
+        disabled
+      },
+      previousValue: previousValues?.[FieldConstants.LOW_TAP_POSITION]
+    }
+  );
+  const highTapPositionField = /* @__PURE__ */ jsx(
+    IntegerInput,
+    {
+      name: `${tapChanger}.${FieldConstants.HIGH_TAP_POSITION}`,
+      label: "HighTapPosition",
+      formProps: {
+        disabled: true
+      },
+      previousValue: computeHighTapPosition(previousValues?.[FieldConstants.STEPS] ?? []) ?? void 0
+    }
+  );
+  const tapPositionField = /* @__PURE__ */ jsx(
+    IntegerInput,
+    {
+      name: `${tapChanger}.${FieldConstants.TAP_POSITION}`,
+      label: "TapPosition",
+      formProps: {
+        disabled
+      },
+      previousValue: previousValues?.[FieldConstants.TAP_POSITION]
+    }
+  );
+  const createRuleButton = /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: intl.formatMessage({
+        id: createRuleMessageId
+      }),
+      placement: "left",
+      children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setOpenCreateRuleDialog(true), disabled: disabled || tapSteps.length === 0, children: /* @__PURE__ */ jsx(Addchart, {}) }) })
+    }
+  );
+  const completedColumnsDefinition = columnsDefinition.map(
+    (column, index) => index === columnsDefinition.length - 1 ? { ...column, extra: createRuleButton } : column
+  );
+  const getTapPreviousValue = useCallback(
+    (rowIndex, column, arrayFormName, previousTapSteps) => {
+      const step = previousTapSteps?.find(
+        (e) => e.index === getValues(arrayFormName)[rowIndex]?.index
+      );
+      if (step === void 0) {
+        return void 0;
+      }
+      return step?.[column.dataKey];
+    },
+    [getValues]
+  );
+  const isTapModified = useCallback(() => areStepsModified, [areStepsModified]);
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: lowTapPositionField }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: highTapPositionField }),
+    /* @__PURE__ */ jsx(Grid, { size: 4, children: tapPositionField }),
+    /* @__PURE__ */ jsx(
+      DndTable,
+      {
+        name: `${tapChanger}.${FieldConstants.STEPS}`,
+        useFieldArrayOutput,
+        columnsDefinition: completedColumnsDefinition,
+        tableHeight: 400,
+        allowedToAddRows: allowedToAddTapRows,
+        createRows: createTapRows,
+        handleUploadButton: handleImportTapRuleButton,
+        uploadButtonMessageId: importRuleMessageId,
+        handleResetButton,
+        resetButtonMessageId,
+        previousValues: toTapChangerStepList(previousValues?.[FieldConstants.STEPS]),
+        getPreviousValue: getTapPreviousValue,
+        isValueModified: isTapModified,
+        withResetButton: isModification && areStepsModified,
+        disableAddingRows,
+        disabled,
+        disableDragAndDrop: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CreateRuleDialog,
+      {
+        tapChanger,
+        openCreateRuleDialog,
+        setOpenCreateRuleDialog,
+        handleCreateTapRule,
+        allowNegativeValues: createRuleAllowNegativeValues
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ImportRuleDialog,
+      {
+        tapChanger,
+        openImportRuleDialog,
+        setOpenImportRuleDialog,
+        csvColumns,
+        handleImportTapRule
+      }
+    )
+  ] });
+}
+export {
+  TapChangerSteps
+};

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

@@ -0,0 +1,12 @@
+/**
+ * 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 './tapChanger.utils';
+export * from './regulationRule';
+export * from './phaseTapChanger';
+export * from './ratioTapChanger';
+export * from './RegulatedTerminalSection';
+export * from './TapChangerSteps';

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/index.js

@@ -0,0 +1,53 @@
+import { compareStepsWithPreviousValues, computeHighTapPosition, getRegulationTypeLabel, getTapChangerEquipmentSectionTypeValue, getTapSideLabel, toTapChangerStepList } from "./tapChanger.utils.js";
+import { getCreateRuleEmptyFormData, getCreateRuleValidationSchema } from "./regulationRule/regulationRule.utils.js";
+import { CreateRuleDialogSubmitButton } from "./regulationRule/CreateRuleDialogSubmitButton.js";
+import { CreateRuleForm } from "./regulationRule/CreateRuleForm.js";
+import { CreateRuleDialog } from "./regulationRule/CreateRuleDialog.js";
+import { ImportRuleDialog } from "./regulationRule/ImportRuleDialog.js";
+import { getComputedPhaseRegulationType, getComputedPhaseRegulationTypeId, getComputedPhaseTapChangerRegulationMode, getComputedPreviousPhaseRegulationType, getPhaseTapChangerEmptyFormData, getPhaseTapChangerFormData, getPhaseTapChangerValidationSchemaProps, getPhaseTapRegulationSideId } from "./phaseTapChanger/phaseTapChanger.utils.js";
+import { PhaseTapChangerPaneSteps } from "./phaseTapChanger/PhaseTapChangerPaneSteps.js";
+import { PhaseTapChangerPane } from "./phaseTapChanger/PhaseTapChangerPane.js";
+import { getComputedPreviousRatioRegulationType, getComputedRegulationMode, getComputedRegulationModeId, getComputedRegulationType, getComputedRegulationTypeId, getComputedTapSide, getComputedTapSideId, getInitialTwtRatioRegulationModeId, getRatioTapChangerEmptyFormData, getRatioTapChangerFormData, getRatioTapChangerValidationSchemaProps } from "./ratioTapChanger/ratioTapChanger.utils.js";
+import { RatioTapChangerPaneSteps } from "./ratioTapChanger/RatioTapChangerPaneSteps.js";
+import { RatioTapChangerPane } from "./ratioTapChanger/RatioTapChangerPane.js";
+import { RegulatedTerminalSection } from "./RegulatedTerminalSection.js";
+import { TapChangerSteps } from "./TapChangerSteps.js";
+export {
+  CreateRuleDialog,
+  CreateRuleDialogSubmitButton,
+  CreateRuleForm,
+  ImportRuleDialog,
+  PhaseTapChangerPane,
+  PhaseTapChangerPaneSteps,
+  RatioTapChangerPane,
+  RatioTapChangerPaneSteps,
+  RegulatedTerminalSection,
+  TapChangerSteps,
+  compareStepsWithPreviousValues,
+  computeHighTapPosition,
+  getComputedPhaseRegulationType,
+  getComputedPhaseRegulationTypeId,
+  getComputedPhaseTapChangerRegulationMode,
+  getComputedPreviousPhaseRegulationType,
+  getComputedPreviousRatioRegulationType,
+  getComputedRegulationMode,
+  getComputedRegulationModeId,
+  getComputedRegulationType,
+  getComputedRegulationTypeId,
+  getComputedTapSide,
+  getComputedTapSideId,
+  getCreateRuleEmptyFormData,
+  getCreateRuleValidationSchema,
+  getInitialTwtRatioRegulationModeId,
+  getPhaseTapChangerEmptyFormData,
+  getPhaseTapChangerFormData,
+  getPhaseTapChangerValidationSchemaProps,
+  getPhaseTapRegulationSideId,
+  getRatioTapChangerEmptyFormData,
+  getRatioTapChangerFormData,
+  getRatioTapChangerValidationSchemaProps,
+  getRegulationTypeLabel,
+  getTapChangerEquipmentSectionTypeValue,
+  getTapSideLabel,
+  toTapChangerStepList
+};

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/phaseTapChanger/PhaseTapChangerPane.d.ts

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

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

@@ -0,0 +1,198 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { useWatch } from "react-hook-form";
+import { useIntl } from "react-intl";
+import { useMemo } from "react";
+import { PhaseTapChangerPaneSteps } from "./PhaseTapChangerPaneSteps.js";
+import { getComputedPreviousPhaseRegulationType, getComputedPhaseTapChangerRegulationMode } from "./phaseTapChanger.utils.js";
+import { AmpereAdornment, ActivePowerAdornment } from "../../../../../utils/constants/adornments.js";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import { PHASE_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 { 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 "../../../../../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";
+import { RegulatedTerminalSection } from "../RegulatedTerminalSection.js";
+function PhaseTapChangerPane({
+  id = FieldConstants.PHASE_TAP_CHANGER,
+  voltageLevelOptions = [],
+  previousValues,
+  editData,
+  fetchVoltageLevelEquipments,
+  isModification = false
+}) {
+  const intl = useIntl();
+  const phaseTapChangerEnabledWatch = useWatch({
+    name: `${id}.${FieldConstants.ENABLED}`
+  });
+  const regulationModeWatch = useWatch({
+    name: `${id}.${FieldConstants.REGULATION_MODE}`
+  });
+  const regulationTypeWatch = useWatch({
+    name: `${id}.${FieldConstants.REGULATION_TYPE}`
+  });
+  const getPhaseTapChangerRegulationModeLabel = (phaseTapChangerFormValues) => {
+    const computedRegulationMode = getComputedPhaseTapChangerRegulationMode(phaseTapChangerFormValues ?? void 0);
+    if (computedRegulationMode) {
+      return intl.formatMessage({
+        id: computedRegulationMode?.label
+      });
+    }
+    return void 0;
+  };
+  const getRegulatingPreviousValue = (field, tap) => {
+    if (tap?.[FieldConstants.REGULATION_MODE] === PHASE_REGULATION_MODES.ACTIVE_POWER_CONTROL.id && field === FieldConstants.FLOW_SET_POINT_REGULATING_VALUE || tap?.[FieldConstants.REGULATION_MODE] === PHASE_REGULATION_MODES.CURRENT_LIMITER.id && field === FieldConstants.CURRENT_LIMITER_REGULATING_VALUE) {
+      return tap?.regulationValue;
+    }
+    return void 0;
+  };
+  const regulationType = useMemo(() => {
+    return regulationTypeWatch || getComputedPreviousPhaseRegulationType(previousValues);
+  }, [regulationTypeWatch, previousValues]);
+  const regulationMode = useMemo(() => {
+    return regulationModeWatch || getComputedPhaseTapChangerRegulationMode(previousValues?.phaseTapChanger)?.id;
+  }, [regulationModeWatch, previousValues]);
+  const regulationModeField = /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      name: `${id}.${FieldConstants.REGULATION_MODE}`,
+      label: "RegulationMode",
+      options: Object.values(PHASE_REGULATION_MODES),
+      disabled: !phaseTapChangerEnabledWatch,
+      size: "small",
+      previousValue: getPhaseTapChangerRegulationModeLabel(previousValues?.phaseTapChanger)
+    }
+  );
+  const currentLimiterRegulatingValueField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.CURRENT_LIMITER_REGULATING_VALUE}`,
+      label: "RegulatingValueCurrentLimiter",
+      formProps: {
+        disabled: !phaseTapChangerEnabledWatch
+      },
+      adornment: AmpereAdornment,
+      previousValue: getRegulatingPreviousValue(
+        FieldConstants.CURRENT_LIMITER_REGULATING_VALUE,
+        previousValues?.phaseTapChanger
+      )
+    }
+  );
+  const flowSetPointRegulatingValueField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.FLOW_SET_POINT_REGULATING_VALUE}`,
+      label: "RegulatingValueActivePowerControl",
+      adornment: ActivePowerAdornment,
+      formProps: {
+        disabled: !phaseTapChangerEnabledWatch
+      },
+      previousValue: getRegulatingPreviousValue(
+        FieldConstants.FLOW_SET_POINT_REGULATING_VALUE,
+        previousValues?.phaseTapChanger
+      )
+    }
+  );
+  const targetDeadbandField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.TARGET_DEADBAND}`,
+      label: "Deadband",
+      adornment: regulationMode === PHASE_REGULATION_MODES.ACTIVE_POWER_CONTROL.id ? ActivePowerAdornment : AmpereAdornment,
+      formProps: {
+        disabled: !phaseTapChangerEnabledWatch
+      },
+      previousValue: previousValues?.phaseTapChanger?.targetDeadband
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GridSection, { title: "RegulationSection", heading: 4 }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: regulationModeField }),
+      regulationMode === PHASE_REGULATION_MODES.CURRENT_LIMITER.id && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(GridItem, { size: 4, children: currentLimiterRegulatingValueField }),
+        /* @__PURE__ */ jsx(GridItem, { size: 4, children: targetDeadbandField })
+      ] }),
+      regulationMode === PHASE_REGULATION_MODES.ACTIVE_POWER_CONTROL.id && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(GridItem, { size: 4, children: flowSetPointRegulatingValueField }),
+        /* @__PURE__ */ jsx(GridItem, { size: 4, children: targetDeadbandField })
+      ] })
+    ] }),
+    phaseTapChangerEnabledWatch && regulationMode && /* @__PURE__ */ jsx(
+      RegulatedTerminalSection,
+      {
+        id,
+        voltageLevelOptions,
+        previousValues,
+        tapChangerDisabled: !phaseTapChangerEnabledWatch,
+        regulationType,
+        fetchVoltageLevelEquipments
+      }
+    ),
+    /* @__PURE__ */ jsx(GridSection, { title: "TapsSection", heading: 4 }),
+    /* @__PURE__ */ jsx(
+      PhaseTapChangerPaneSteps,
+      {
+        disabled: !phaseTapChangerEnabledWatch,
+        previousValues: previousValues?.phaseTapChanger,
+        editData,
+        isModification
+      }
+    )
+  ] });
+}
+export {
+  PhaseTapChangerPane
+};

package/dist/features/network-modifications/twoWindingsTransformer/tapChanger/phaseTapChanger/PhaseTapChangerPaneSteps.d.ts

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