@gridsuite/commons-ui 0.270.0 → 0.272.0

package/dist/features/network-modifications/twoWindingsTransformer/modification/twoWindingsTransformerModification.utils.js

@@ -0,0 +1,100 @@
+import { object, string } 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 { getBranchConnectivityWithPositionSchema, getBranchConnectivityWithPositionEmptyFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
+import "@mui/material";
+import "react";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 "../../../../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 { modificationPropertiesSchema } from "../../common/properties/propertyUtils.js";
+import { getLimitsValidationSchemaProps, getLimitsEmptyFormDataProps } from "../../common/currentLimits/limitsPane.utils.js";
+import { getTwtCharacteristicsValidationSchemaProps, getTwtCharacteristicsEmptyFormData } from "../characteristics/twoWindingsTransformerCharacteristicsPane.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/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 { getBranchActiveReactivePowerValidationSchemaObject, getBranchActiveReactivePowerEmptyFormDataProperties } from "../../common/measurements/branchActiveReactivePowerForm.utils.js";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../tapChanger/tapChanger.utils.js";
+import "../tapChanger/regulationRule/CreateRuleForm.js";
+import "../tapChanger/regulationRule/CreateRuleDialog.js";
+import { getPhaseTapChangerValidationSchemaProps, getPhaseTapChangerEmptyFormData } from "../tapChanger/phaseTapChanger/phaseTapChanger.utils.js";
+import { getRatioTapChangerValidationSchemaProps, getRatioTapChangerEmptyFormData } from "../tapChanger/ratioTapChanger/ratioTapChanger.utils.js";
+import { getToBeEstimatedValidationSchemaObject, toBeEstimatedEmptyFormData } from "./measurements/toBeEstimated.utils.js";
+const twoWindingsTransformerModificationFormSchema = object().shape({
+  [FieldConstants.EQUIPMENT_ID]: string().required(),
+  [FieldConstants.EQUIPMENT_NAME]: string().nullable(),
+  [FieldConstants.CONNECTIVITY]: getBranchConnectivityWithPositionSchema(true, true),
+  [FieldConstants.CHARACTERISTICS]: getTwtCharacteristicsValidationSchemaProps(true),
+  [FieldConstants.STATE_ESTIMATION]: getBranchActiveReactivePowerValidationSchemaObject(),
+  [FieldConstants.TO_BE_ESTIMATED]: getToBeEstimatedValidationSchemaObject(),
+  [FieldConstants.LIMITS]: getLimitsValidationSchemaProps(true),
+  [FieldConstants.RATIO_TAP_CHANGER]: getRatioTapChangerValidationSchemaProps(true),
+  [FieldConstants.PHASE_TAP_CHANGER]: getPhaseTapChangerValidationSchemaProps(true)
+}).concat(modificationPropertiesSchema).required();
+const twoWindingsTransformerModificationEmptyFormData = {
+  [FieldConstants.EQUIPMENT_ID]: "",
+  [FieldConstants.EQUIPMENT_NAME]: "",
+  [FieldConstants.CONNECTIVITY]: getBranchConnectivityWithPositionEmptyFormDataProps(true),
+  [FieldConstants.CHARACTERISTICS]: getTwtCharacteristicsEmptyFormData(),
+  [FieldConstants.STATE_ESTIMATION]: getBranchActiveReactivePowerEmptyFormDataProperties(),
+  [FieldConstants.TO_BE_ESTIMATED]: toBeEstimatedEmptyFormData,
+  [FieldConstants.LIMITS]: getLimitsEmptyFormDataProps(true),
+  [FieldConstants.RATIO_TAP_CHANGER]: getRatioTapChangerEmptyFormData(true),
+  [FieldConstants.PHASE_TAP_CHANGER]: getPhaseTapChangerEmptyFormData(true),
+  AdditionalProperties: []
+};
+export {
+  twoWindingsTransformerModificationEmptyFormData,
+  twoWindingsTransformerModificationFormSchema
+};

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

@@ -0,0 +1,13 @@
+import { REGULATION_TYPES } from '../../common';
+import { EquipmentType, Identifiable } from '../../../../utils';
+export interface RegulatedTerminalSectionProps {
+    id: string;
+    voltageLevelOptions: Identifiable[];
+    previousValues: any;
+    tapChangerDisabled: boolean;
+    regulationType?: (typeof REGULATION_TYPES)[keyof typeof REGULATION_TYPES]['id'];
+    fetchVoltageLevelEquipments: (voltageLevelId: string) => Promise<(Identifiable & {
+        type: EquipmentType;
+    })[]>;
+}
+export declare function RegulatedTerminalSection({ id, voltageLevelOptions, previousValues, tapChangerDisabled, regulationType, fetchVoltageLevelEquipments, }: Readonly<RegulatedTerminalSectionProps>): import("react").JSX.Element;

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

@@ -0,0 +1,130 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { Grid } from "@mui/material";
+import { getRegulationTypeLabel, getTapSideLabel, getTapChangerEquipmentSectionTypeValue } from "./tapChanger.utils.js";
+import "react";
+import "react-hook-form";
+import "../../common/properties/propertyUtils.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import { REGULATION_SIDES, EquipmentType } 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 "../../../../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 { GridSection } from "../../../../components/composite/grid/grid-section.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 { GridItem } from "../../../../components/composite/grid/grid-item.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 { RegulatingTerminalForm } from "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import { REGULATION_TYPES } from "../../common/voltageRegulation/voltageRegulation.utils.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
+function RegulatedTerminalSection({
+  id,
+  voltageLevelOptions,
+  previousValues,
+  tapChangerDisabled,
+  regulationType,
+  fetchVoltageLevelEquipments
+}) {
+  const intl = useIntl();
+  let tapChangerPreviousValues;
+  if (id === FieldConstants.RATIO_TAP_CHANGER) {
+    tapChangerPreviousValues = previousValues?.ratioTapChanger;
+  } else if (id === FieldConstants.PHASE_TAP_CHANGER) {
+    tapChangerPreviousValues = previousValues?.phaseTapChanger;
+  }
+  const regulationTypeField = /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      name: `${id}.${FieldConstants.REGULATION_TYPE}`,
+      label: "RegulationTypeText",
+      options: Object.values(REGULATION_TYPES),
+      disabled: tapChangerDisabled,
+      size: "small",
+      previousValue: getRegulationTypeLabel(previousValues, tapChangerPreviousValues, intl) ?? void 0
+    }
+  );
+  const sideField = /* @__PURE__ */ jsx(
+    SelectInput,
+    {
+      name: `${id}.${FieldConstants.REGULATION_SIDE}`,
+      label: "RegulatedSide",
+      options: Object.values(REGULATION_SIDES),
+      disabled: tapChangerDisabled,
+      size: "small",
+      previousValue: getTapSideLabel(previousValues, tapChangerPreviousValues, intl) ?? void 0
+    }
+  );
+  const regulatingTerminalField = /* @__PURE__ */ jsx(
+    RegulatingTerminalForm,
+    {
+      id,
+      disabled: tapChangerDisabled,
+      equipmentSectionTypeDefaultValue: EquipmentType.TWO_WINDINGS_TRANSFORMER,
+      fetchVoltageLevelEquipments,
+      voltageLevelOptions,
+      regulatingTerminalVlId: tapChangerPreviousValues?.regulatingTerminalVlId,
+      equipmentSectionType: getTapChangerEquipmentSectionTypeValue(tapChangerPreviousValues) ?? void 0
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GridSection, { title: "RegulatedTerminal", heading: 4 }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: regulationTypeField }),
+      regulationType === REGULATION_TYPES.LOCAL.id && /* @__PURE__ */ jsx(GridItem, { size: 4, children: sideField }),
+      regulationType === REGULATION_TYPES.DISTANT.id && /* @__PURE__ */ jsx(GridItem, { size: 8, children: regulatingTerminalField })
+    ] })
+  ] });
+}
+export {
+  RegulatedTerminalSection
+};

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

@@ -0,0 +1,20 @@
+import { TapChangerMapInfos } from '../common/twoWindingsTransformer.types';
+import { DndColumn } from '../../../../components';
+import { FieldConstants } from '../../../../utils';
+import { TapChangerStepCreationDto } from '../creation/twoWindingsTransformerCreation.types';
+export interface TapChangerStepsProps {
+    tapChanger: FieldConstants.PHASE_TAP_CHANGER | FieldConstants.RATIO_TAP_CHANGER;
+    createTapRuleColumn: string;
+    columnsDefinition: DndColumn[];
+    csvColumns: string[];
+    createRuleMessageId: string;
+    createRuleAllowNegativeValues: boolean;
+    importRuleMessageId: string;
+    resetButtonMessageId: string;
+    handleImportRow: (val: Record<string, string>) => Record<string, string | number>;
+    disabled?: boolean;
+    previousValues?: TapChangerMapInfos;
+    editData?: TapChangerStepCreationDto[] | null;
+    isModification?: boolean;
+}
+export declare function TapChangerSteps({ tapChanger, createTapRuleColumn, columnsDefinition, csvColumns, createRuleMessageId, createRuleAllowNegativeValues, importRuleMessageId, resetButtonMessageId, handleImportRow, disabled, previousValues, editData, isModification, }: Readonly<TapChangerStepsProps>): import("react").JSX.Element;

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;