@gridsuite/commons-ui 0.280.0 → 0.282.0

package/dist/features/network-modifications/voltageLevel/index.js

@@ -64,14 +64,17 @@ import "../common/regulatingTerminal/RegulatingTerminalForm.js";
 import "@mui/material/colors";
 import "@mui/x-charts";
 import "../common/currentLimits/limitsPane.utils.js";
-import { MAX_SECTIONS_COUNT } from "./creation/voltageLevel.constants.js";
+import { MAX_SECTIONS_COUNT, VOLTAGE_LEVEL_TAB_FIELDS, VoltageLevelTab } from "./creation/voltageLevel.constants.js";
 import { VoltageLevelCreationForm } from "./creation/VoltageLevelCreationForm.js";
 import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./creation/voltageLevelCreation.utils.js";
 import { SwitchKind } from "./creation/voltageLevelCreation.types.js";
 import { VoltageLevelModificationForm } from "./modification/VoltageLevelModificationForm.js";
 import { voltageLevelModificationDtoToForm, voltageLevelModificationEmptyFormData, voltageLevelModificationFormSchema, voltageLevelModificationFormToDto, voltageLevelModificationWithMeasurementsDtoToForm, voltageLevelModificationWithMeasurementsFormSchema, voltageLevelModificationWithMeasurementsFormToDto } from "./modification/voltageLevelModification.utils.js";
-import { createVoltageLevelTopologyDtoToForm, createVoltageLevelTopologyEmptyFormData, createVoltageLevelTopologyFormSchema, createVoltageLevelTopologyFormToDto } from "./topology/voltageLevelTopologyCreation.utils.js";
-import { CreateVoltageLevelTopologyForm } from "./topology/CreateVoltageLevelTopologyForm.js";
+import { createVoltageLevelTopologyDtoToForm, createVoltageLevelTopologyEmptyFormData, createVoltageLevelTopologyFormSchema, createVoltageLevelTopologyFormToDto } from "./topology/creation/voltageLevelTopologyCreation.utils.js";
+import { CreateVoltageLevelTopologyForm } from "./topology/creation/CreateVoltageLevelTopologyForm.js";
+import { voltageLevelTopologyModificationDtoToForm, voltageLevelTopologyModificationEmptyFormData, voltageLevelTopologyModificationFormSchema, voltageLevelTopologyModificationFormToDto } from "./topology/modification/voltageLevelTopologyModification.utils.js";
+import { VoltageLevelTopologyModificationForm } from "./topology/modification/VoltageLevelTopologyModificationForm.js";
+import { CURRENT_CONNECTION_STATUS, PREV_CONNECTION_STATUS, SWITCH_ID, TOPOLOGY_MODIFICATION_TABLE } from "./topology/modification/constants.js";
 import { VoltageLevelSectionCreationForm } from "./section/VoltageLevelSectionCreationForm.js";
 import { POSITION_NEW_SECTION_SIDE, voltageLevelSectionCreationDtoToForm, voltageLevelSectionCreationEmptyFormData, voltageLevelSectionCreationFormSchema, voltageLevelSectionCreationFormToDto } from "./section/voltageLevelSectionCreation.utils.js";
 import { FeederBayPositionCellRenderer } from "./moveFeederBays/feederBay/FeederBayPositionCellRender.js";
@@ -80,6 +83,7 @@ import { emptyMoveVoltageLevelFeederBaysFormData, moveVoltageLevelFeederBaysDtoT
 import { MoveVoltageLevelFeederBaysForm } from "./moveFeederBays/MoveVoltageLevelFeederBaysForm.js";
 import { HeaderWithTooltip } from "./common/HeaderWithTooltip.js";
 export {
+  CURRENT_CONNECTION_STATUS,
   CouplingDeviceCreationForm,
   CreateVoltageLevelTopologyForm,
   FeederBayDirectionCellRenderer,
@@ -88,12 +92,18 @@ export {
   MAX_SECTIONS_COUNT,
   MoveVoltageLevelFeederBaysForm,
   POSITION_NEW_SECTION_SIDE,
+  PREV_CONNECTION_STATUS,
+  SWITCH_ID,
   SWITCH_TYPE,
   SwitchKind,
   SwitchesBetweenSections,
+  TOPOLOGY_MODIFICATION_TABLE,
+  VOLTAGE_LEVEL_TAB_FIELDS,
   VoltageLevelCreationForm,
   VoltageLevelModificationForm,
   VoltageLevelSectionCreationForm,
+  VoltageLevelTab,
+  VoltageLevelTopologyModificationForm,
   buildNewBusbarSections,
   couplingDeviceCreationDtoToForm,
   couplingDeviceCreationFormSchema,
@@ -124,5 +134,9 @@ export {
   voltageLevelSectionCreationDtoToForm,
   voltageLevelSectionCreationEmptyFormData,
   voltageLevelSectionCreationFormSchema,
-  voltageLevelSectionCreationFormToDto
+  voltageLevelSectionCreationFormToDto,
+  voltageLevelTopologyModificationDtoToForm,
+  voltageLevelTopologyModificationEmptyFormData,
+  voltageLevelTopologyModificationFormSchema,
+  voltageLevelTopologyModificationFormToDto
 };

package/dist/features/network-modifications/voltageLevel/topology/{CreateVoltageLevelTopologyForm.d.ts → creation/CreateVoltageLevelTopologyForm.d.ts}

@@ -1,4 +1,4 @@
-import { PositionDiagramPaneType } from '../../common';
+import { PositionDiagramPaneType } from '../../../common';
 export interface CreateVoltageLevelTopologyFormProps {
     voltageLevelId: string;
     PositionDiagramPane?: PositionDiagramPaneType;

package/dist/features/network-modifications/voltageLevel/topology/{CreateVoltageLevelTopologyForm.js → creation/CreateVoltageLevelTopologyForm.js}

@@ -4,70 +4,70 @@ import { TextField, Stack, Grid, Button, Tooltip, Box } from "@mui/material";
 import { useIntl, FormattedMessage } from "react-intl";
 import { InfoOutlined } from "@mui/icons-material";
 import { useFormContext, useWatch } from "react-hook-form";
-import "../../../../components/ui/overflowableText/OverflowableText.js";
-import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/types/equipmentType.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 "../../../../../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 "../../../../../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 "../../../../../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 "../../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { SwitchesBetweenSections } from "../creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js";
-import { filledTextField } from "../../common/form.utils.js";
-import "../../common/properties/propertyUtils.js";
+import { SwitchesBetweenSections } from "../../creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.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 "../../../../../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 "../../../../../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 "../../../../../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 "../../../../../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 "../../../../../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 "../../../../../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 "@mui/material/colors";
 import "@mui/x-charts";
-import "../../common/currentLimits/limitsPane.utils.js";
-import "../creation/voltageLevel.constants.js";
-import "../creation/voltageLevelCreation.utils.js";
+import "../../../common/currentLimits/limitsPane.utils.js";
+import "../../creation/voltageLevel.constants.js";
+import "../../creation/voltageLevelCreation.utils.js";
 function CreateVoltageLevelTopologyForm({
   voltageLevelId,
   PositionDiagramPane

package/dist/features/network-modifications/voltageLevel/topology/{voltageLevelTopologyCreation.types.d.ts → creation/voltageLevelTopologyCreation.types.d.ts}

@@ -1,4 +1,4 @@
-import { ModificationType } from '../../../../utils';
+import { ModificationType } from '../../../../../utils';
 export interface CreateVoltageLevelTopologyDto {
     type: ModificationType;
     uuid?: string;

package/dist/features/network-modifications/voltageLevel/topology/{voltageLevelTopologyCreation.utils.d.ts → creation/voltageLevelTopologyCreation.utils.d.ts}

@@ -1,5 +1,5 @@
 import { IntlShape } from 'react-intl';
-import { DeepNullable } from '../../../../utils';
+import { DeepNullable } from '../../../../../utils';
 import { CreateVoltageLevelTopologyDto } from './voltageLevelTopologyCreation.types';
 /**
  * Copyright (c) 2026, RTE (http://www.rte-france.com)

package/dist/features/network-modifications/voltageLevel/topology/{voltageLevelTopologyCreation.utils.js → creation/voltageLevelTopologyCreation.utils.js}

@@ -1,11 +1,11 @@
 import * as yup from "yup";
-import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/types/equipmentType.js";
-import { ModificationType } from "../../../../utils/types/modificationType.js";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import "../../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../../utils/types/modificationType.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
-import { MAX_SECTIONS_COUNT } from "../creation/voltageLevel.constants.js";
+import { MAX_SECTIONS_COUNT } from "../../creation/voltageLevel.constants.js";
 const createVoltageLevelTopologyFormSchema = yup.object().shape({
   [FieldConstants.SECTION_COUNT]: yup.number().required().nullable().min(1, "AtLeastOneSectionAdded").max(MAX_SECTIONS_COUNT, "SectionCountMustBeLessThanOrEqualToTwenty"),
   [FieldConstants.SWITCHES_BETWEEN_SECTIONS]: yup.string().nullable().when([FieldConstants.SECTION_COUNT], {

package/dist/features/network-modifications/voltageLevel/topology/modification/ConnectionCellRender.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type ConnectionCellRendererProps = {
+    name: string;
+};
+export declare function ConnectionCellRenderer({ name }: Readonly<ConnectionCellRendererProps>): React.JSX.Element;
+export {};

package/dist/features/network-modifications/voltageLevel/topology/modification/ConnectionCellRender.js

@@ -0,0 +1,80 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import { useController } from "react-hook-form";
+import "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../../components/ui/overflowableText/OverflowableText.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 "yup";
+import "../../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-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 "@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 ConnectionCellRenderer({ name }) {
+  const {
+    field: { value }
+  } = useController({ name });
+  const color = useMemo(() => {
+    if (value === null) {
+      return "grey";
+    }
+    return "";
+  }, [value]);
+  const getLabel = useCallback((checked) => {
+    if (checked === null) {
+      return "NoModification";
+    }
+    return checked ? "Closed" : "Open";
+  }, []);
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(CheckboxNullableInput, { name, label: getLabel, style: { color } }) });
+}
+export {
+  ConnectionCellRenderer
+};

package/dist/features/network-modifications/voltageLevel/topology/modification/VoltageLevelTopologyModificationForm.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { SwitchDto, TopologyVoltageLevelModificationDto } from './voltageLevelTopologyModification.types';
+interface VoltageLevelTopologyModificationFormProps {
+    voltageLevelToModify: TopologyVoltageLevelModificationDto | null | undefined;
+    switchesToModify?: SwitchDto[];
+    isModification?: boolean;
+    isPreviousStatusEnabled?: boolean;
+}
+export declare function VoltageLevelTopologyModificationForm({ voltageLevelToModify, switchesToModify, isModification, isPreviousStatusEnabled, }: Readonly<VoltageLevelTopologyModificationFormProps>): React.JSX.Element;
+export {};

package/dist/features/network-modifications/voltageLevel/topology/modification/VoltageLevelTopologyModificationForm.js

@@ -0,0 +1,284 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { useWatch } from "react-hook-form";
+import { Stack, Grid, TextField, Button, Box } from "@mui/material";
+import { PublishedWithChanges } from "@mui/icons-material";
+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 "../../../../../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 { CustomAGGrid } from "../../../../../components/composite/customAGGrid/customAggrid.js";
+import { SeparatorCellRenderer } from "../../../../../components/composite/customAGGrid/separatorCellRenderer.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 { ConnectionCellRenderer } from "./ConnectionCellRender.js";
+import { filledTextField } from "../../../common/form.utils.js";
+import "../../../common/properties/propertyUtils.js";
+import "../../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../../common/currentLimits/limitsPane.utils.js";
+import { SWITCH_ID, PREV_CONNECTION_STATUS, CURRENT_CONNECTION_STATUS, TOPOLOGY_MODIFICATION_TABLE } from "./constants.js";
+import { HeaderWithTooltip } from "../../common/HeaderWithTooltip.js";
+const SEPARATOR_TYPE = "SEPARATOR";
+const SWITCH_TYPE = "SWITCH";
+function isSwitchModified(switchId, editData) {
+  return editData?.equipmentAttributeModificationList?.some((mod) => mod.equipmentId === switchId) ?? false;
+}
+function addModifiedSeparator(result, intl, modifiedSwitches) {
+  result.push({
+    type: SEPARATOR_TYPE,
+    id: "modified-separator",
+    title: `${intl.formatMessage({ id: "modifiedSwitchesSeparatorTitle" })} (${modifiedSwitches.length})`
+  });
+}
+function addUnmodifiedSeparator(result, intl, unmodifiedSwitches) {
+  result.push({
+    type: SEPARATOR_TYPE,
+    id: "unmodified-separator",
+    title: `${intl.formatMessage({ id: "unModifiedSwitchesSeparatorTitle" })} (${unmodifiedSwitches.length})`
+  });
+}
+function VoltageLevelTopologyModificationForm({
+  voltageLevelToModify,
+  switchesToModify = [],
+  isModification = false,
+  isPreviousStatusEnabled = false
+}) {
+  const intl = useIntl();
+  const { setValue, getValues, isNodeBuilt } = useCustomFormContext();
+  const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
+  const defaultColDef = useMemo(
+    () => ({
+      sortable: false,
+      resizable: true,
+      wrapHeaderText: true,
+      editable: false,
+      headerClass: "centered-header",
+      suppressMovable: true
+    }),
+    []
+  );
+  const columnDefs = useMemo(
+    () => [
+      {
+        field: SWITCH_ID,
+        filter: true,
+        flex: 2,
+        cellRenderer: ({ data }) => {
+          if (!data) return null;
+          if (data.type === SEPARATOR_TYPE) {
+            return SeparatorCellRenderer({
+              value: data.title ?? ""
+            });
+          }
+          return data[SWITCH_ID];
+        },
+        headerComponent: HeaderWithTooltip,
+        headerComponentParams: {
+          displayName: intl.formatMessage({ id: "switchId" }),
+          tooltipTitle: intl.formatMessage({
+            id: isNodeBuilt ? "builtNodeTooltipVlTopoModif" : "notBuiltNodeTooltipVlTopoModif"
+          }),
+          isNodeBuilt,
+          disabledTooltip: !isPreviousStatusEnabled || !isModification && isNodeBuilt
+        }
+      },
+      ...isPreviousStatusEnabled ? [
+        {
+          field: PREV_CONNECTION_STATUS,
+          flex: 1,
+          headerComponent: HeaderWithTooltip,
+          cellRenderer: ({ data }) => {
+            if (!data) return null;
+            if (data.type === SEPARATOR_TYPE) {
+              return null;
+            }
+            return intl.formatMessage({
+              id: data[PREV_CONNECTION_STATUS] ? "Open" : "Closed"
+            });
+          },
+          headerComponentParams: {
+            displayName: intl.formatMessage({ id: "previousStatus" }),
+            tooltipTitle: intl.formatMessage({
+              id: isNodeBuilt ? "builtNodeTooltipVlTopoModif" : "notBuiltNodeTooltipVlTopoModif"
+            }),
+            isNodeBuilt,
+            disabledTooltip: !isModification && isNodeBuilt
+          }
+        }
+      ] : [],
+      {
+        field: CURRENT_CONNECTION_STATUS,
+        flex: 1,
+        cellRenderer: ({ data }) => {
+          if (!data) return null;
+          if (data.type === SEPARATOR_TYPE) {
+            return null;
+          }
+          const formValues = getValues(TOPOLOGY_MODIFICATION_TABLE);
+          const formIndex = formValues.findIndex((item) => item.switchId === data.switchId);
+          return ConnectionCellRenderer({
+            name: `${TOPOLOGY_MODIFICATION_TABLE}[${formIndex}].${CURRENT_CONNECTION_STATUS}`
+          });
+        },
+        headerComponent: HeaderWithTooltip,
+        headerComponentParams: {
+          displayName: intl.formatMessage({ id: "currentStatus" }),
+          tooltipTitle: intl.formatMessage({
+            id: isNodeBuilt ? "builtNodeTooltipVlTopoModif" : "notBuiltNodeTooltipVlTopoModif"
+          }),
+          isNodeBuilt,
+          disabledTooltip: true
+        },
+        editable: false
+      }
+    ],
+    [isNodeBuilt, intl, isModification, isPreviousStatusEnabled, getValues]
+  );
+  const copyPreviousToCurrentStatus = useCallback(() => {
+    const formValues = getValues(TOPOLOGY_MODIFICATION_TABLE);
+    formValues.forEach((row, index) => {
+      if (row.type === SEPARATOR_TYPE || row.currentConnectionStatus !== null) {
+        return;
+      }
+      const newValue = !row[PREV_CONNECTION_STATUS];
+      setValue(`${TOPOLOGY_MODIFICATION_TABLE}[${index}].${CURRENT_CONNECTION_STATUS}`, newValue, {
+        shouldDirty: true
+      });
+    });
+  }, [getValues, setValue]);
+  const mergedRowData = useMemo(() => {
+    const result = [];
+    const watchTable = getValues(TOPOLOGY_MODIFICATION_TABLE);
+    if (!watchTable?.length) {
+      return result;
+    }
+    const sortedWatchTable = [...watchTable].sort((a, b) => (a.switchId ?? "").localeCompare(b.switchId ?? ""));
+    const modifiedSwitches = sortedWatchTable.filter(
+      (sw) => sw.switchId && isSwitchModified(sw.switchId, voltageLevelToModify)
+    );
+    if (modifiedSwitches.length > 0) {
+      addModifiedSeparator(result, intl, modifiedSwitches);
+      modifiedSwitches.forEach((sw) => {
+        result.push({
+          ...sw,
+          type: SWITCH_TYPE
+        });
+      });
+    }
+    const unmodifiedSwitches = sortedWatchTable.filter(
+      (sw) => sw.switchId && !isSwitchModified(sw.switchId, voltageLevelToModify) && switchesToModify.some((item) => item.id === sw.switchId)
+    );
+    if (unmodifiedSwitches.length > 0) {
+      addUnmodifiedSeparator(result, intl, unmodifiedSwitches);
+      unmodifiedSwitches.forEach((sw) => {
+        result.push({
+          ...sw,
+          type: SWITCH_TYPE
+        });
+      });
+    }
+    return result;
+  }, [voltageLevelToModify, switchesToModify, intl, getValues]);
+  return /* @__PURE__ */ jsxs(Stack, { sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          fullWidth: true,
+          label: "ID",
+          value: equipmentId ?? "",
+          size: "small",
+          slotProps: {
+            input: { readOnly: true }
+          },
+          disabled: true,
+          ...filledTextField
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { size: 8, container: true, justifyContent: "flex-end", children: isPreviousStatusEnabled && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          color: "primary",
+          size: "small",
+          onClick: copyPreviousToCurrentStatus,
+          startIcon: /* @__PURE__ */ jsx(
+            PublishedWithChanges,
+            {
+              style: {
+                width: 24,
+                height: 24
+              }
+            }
+          ),
+          children: intl.formatMessage({ id: "copyPreviousTopologyStatus" })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { sx: { pt: 2, flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(
+      CustomAGGrid,
+      {
+        rowData: mergedRowData,
+        defaultColDef,
+        columnDefs,
+        suppressMovableColumns: true,
+        animateRows: false,
+        domLayout: "normal",
+        headerHeight: 48
+      }
+    ) })
+  ] });
+}
+export {
+  VoltageLevelTopologyModificationForm
+};

package/dist/features/network-modifications/voltageLevel/topology/modification/constants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 declare const TOPOLOGY_MODIFICATION_TABLE = "topologyModificationTable";
+export declare const SWITCH_ID = "switchId";
+export declare const PREV_CONNECTION_STATUS = "prevConnectionStatus";
+export declare const CURRENT_CONNECTION_STATUS = "currentConnectionStatus";

package/dist/features/network-modifications/voltageLevel/topology/modification/constants.js

@@ -0,0 +1,10 @@
+const TOPOLOGY_MODIFICATION_TABLE = "topologyModificationTable";
+const SWITCH_ID = "switchId";
+const PREV_CONNECTION_STATUS = "prevConnectionStatus";
+const CURRENT_CONNECTION_STATUS = "currentConnectionStatus";
+export {
+  CURRENT_CONNECTION_STATUS,
+  PREV_CONNECTION_STATUS,
+  SWITCH_ID,
+  TOPOLOGY_MODIFICATION_TABLE
+};

package/dist/features/network-modifications/{hooks → voltageLevel/topology/modification}/index.d.ts

@@ -4,4 +4,7 @@
  * 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 './useTabsWithError';
+export * from './voltageLevelTopologyModification.utils';
+export * from './VoltageLevelTopologyModificationForm';
+export * from './voltageLevelTopologyModification.types';
+export * from './constants';