@gridsuite/commons-ui 0.267.0 → 0.268.0

package/dist/features/network-modifications/static-var-compensator/creation/static-var-compensator-creation-utils.js

@@ -0,0 +1,189 @@
+import * as yup from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import { UNDEFINED_CONNECTION_DIRECTION } from "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { sanitizeString } from "../../../../utils/ts-utils.js";
+import "react";
+import "react-hook-form";
+import { creationPropertiesSchema, emptyProperties, toModificationProperties, getFilledPropertiesFromModification } from "../../common/properties/propertyUtils.js";
+import "@mui/material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import { getConnectivityWithPositionEmptyFormData, getConnectivityWithPositionSchema, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
+import "../../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";
+import { getReactiveFormEmptyFormData, getReactiveFormValidationSchema, getReactiveFormData } from "../common/set-points-limits-form-utils.js";
+import { getStandbyAutomatonEmptyFormData, getStandbyAutomatonFormValidationSchema, getStandbyAutomatonFormData } from "../common/standby-automaton-form-utils.js";
+import { CHARACTERISTICS_CHOICES } from "../../shunt-compensator/common/shuntCompensator.utils.js";
+import "../../shunt-compensator/creation/shuntCompensatorCreation.utils.js";
+import "../../shunt-compensator/modification/shuntCompensatorModification.utils.js";
+import "../common/static-var-compensator-tab-utils.js";
+import { VOLTAGE_REGULATION_MODES } from "../common/constants.js";
+const staticVarCompensatorCreationEmptyFormData = {
+  [FieldConstants.EQUIPMENT_ID]: "",
+  [FieldConstants.EQUIPMENT_NAME]: "",
+  ...getConnectivityWithPositionEmptyFormData(),
+  ...getReactiveFormEmptyFormData(),
+  ...getStandbyAutomatonEmptyFormData(),
+  ...emptyProperties
+};
+const staticVarCompensatorCreationFormSchema = yup.object().shape({
+  [FieldConstants.EQUIPMENT_ID]: yup.string().required(),
+  [FieldConstants.EQUIPMENT_NAME]: yup.string().nullable(),
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionSchema(false),
+  [FieldConstants.SETPOINTS_LIMITS]: getReactiveFormValidationSchema(),
+  [FieldConstants.AUTOMATON]: getStandbyAutomatonFormValidationSchema()
+}).concat(creationPropertiesSchema).required();
+const staticVarCompensatorDtoToForm = (staticCompensator) => {
+  return {
+    [FieldConstants.EQUIPMENT_ID]: staticCompensator.equipmentId,
+    [FieldConstants.EQUIPMENT_NAME]: staticCompensator.equipmentName ?? "",
+    [FieldConstants.CONNECTIVITY]: getConnectivityFormDataProps({
+      voltageLevelId: staticCompensator.voltageLevelId,
+      busbarSectionId: staticCompensator.busOrBusbarSectionId,
+      connectionDirection: staticCompensator.connectionDirection,
+      connectionName: staticCompensator.connectionName,
+      connectionPosition: staticCompensator.connectionPosition,
+      terminalConnected: staticCompensator.terminalConnected,
+      isEquipmentModification: false
+    }),
+    ...getReactiveFormData({
+      maxSusceptance: staticCompensator.maxSusceptance,
+      minSusceptance: staticCompensator.minSusceptance,
+      nominalV: null,
+      maxQAtNominalV: staticCompensator.maxQAtNominalV,
+      minQAtNominalV: staticCompensator.minQAtNominalV,
+      regulationMode: staticCompensator.isRegulating ? staticCompensator.regulationMode : VOLTAGE_REGULATION_MODES.OFF.id,
+      voltageSetpoint: staticCompensator.voltageSetpoint,
+      reactivePowerSetpoint: staticCompensator.reactivePowerSetpoint,
+      voltageRegulationType: staticCompensator?.regulatingTerminalId || staticCompensator?.regulatingTerminalConnectableId ? REGULATION_TYPES.DISTANT.id : REGULATION_TYPES.LOCAL.id,
+      voltageLevelId: staticCompensator.regulatingTerminalVlId,
+      equipmentType: staticCompensator.regulatingTerminalType,
+      equipmentId: staticCompensator.regulatingTerminalConnectableId || staticCompensator.regulatingTerminalId
+    }),
+    ...getStandbyAutomatonFormData({
+      addStandbyAutomaton: staticCompensator.standbyAutomatonOn,
+      standby: staticCompensator.standby,
+      b0: staticCompensator.b0,
+      q0: staticCompensator.q0,
+      lowVoltageSetpoint: staticCompensator.lowVoltageSetpoint,
+      highVoltageSetpoint: staticCompensator.highVoltageSetpoint,
+      lowVoltageThreshold: staticCompensator.lowVoltageThreshold,
+      highVoltageThreshold: staticCompensator.highVoltageThreshold
+    }),
+    [FieldConstants.ADDITIONAL_PROPERTIES]: getFilledPropertiesFromModification(staticCompensator.properties)
+  };
+};
+const getValueIf = (condition, value) => {
+  return condition ? value ?? null : null;
+};
+const staticVarCompensatorCreationFormToDto = (formData) => {
+  const { connectivity, setpointsLimits, automaton } = formData;
+  const { characteristicsChoice, voltageRegulationMode, equipment: regulationEquipment } = setpointsLimits;
+  const { addStandbyAutomaton } = automaton;
+  const isDistantRegulation = setpointsLimits.voltageRegulationType === REGULATION_TYPES.DISTANT.id;
+  return {
+    type: ModificationType.STATIC_VAR_COMPENSATOR_CREATION,
+    equipmentId: formData.equipmentID,
+    equipmentName: sanitizeString(formData.equipmentName),
+    voltageLevelId: connectivity.voltageLevel?.id ?? null,
+    busOrBusbarSectionId: connectivity.busOrBusbarSection?.id ?? null,
+    connectionName: sanitizeString(formData.connectivity.connectionName),
+    connectionDirection: connectivity.connectionDirection ?? UNDEFINED_CONNECTION_DIRECTION,
+    connectionPosition: connectivity.connectionPosition ?? null,
+    terminalConnected: connectivity.terminalConnected,
+    maxSusceptance: getValueIf(
+      characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id,
+      setpointsLimits.maxSusceptance
+    ),
+    minSusceptance: getValueIf(
+      characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id,
+      setpointsLimits.minSusceptance
+    ),
+    maxQAtNominalV: getValueIf(
+      characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id,
+      setpointsLimits.maxQAtNominalV
+    ),
+    minQAtNominalV: getValueIf(
+      characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id,
+      setpointsLimits.minQAtNominalV
+    ),
+    regulationMode: voltageRegulationMode === VOLTAGE_REGULATION_MODES.OFF.id ? null : voltageRegulationMode,
+    isRegulating: voltageRegulationMode !== VOLTAGE_REGULATION_MODES.OFF.id,
+    voltageSetpoint: setpointsLimits.voltageSetpoint ?? null,
+    reactivePowerSetpoint: setpointsLimits.reactivePowerSetpoint ?? null,
+    voltageRegulationType: setpointsLimits.voltageRegulationType,
+    regulatingTerminalId: getValueIf(isDistantRegulation, regulationEquipment?.id),
+    regulatingTerminalType: getValueIf(isDistantRegulation, regulationEquipment?.type),
+    regulatingTerminalVlId: getValueIf(isDistantRegulation, setpointsLimits.voltageLevel?.id),
+    standbyAutomatonOn: addStandbyAutomaton ?? null,
+    standby: automaton.StandbyAutomaton ?? null,
+    lowVoltageSetpoint: getValueIf(addStandbyAutomaton, automaton.lowVoltageSetpoint),
+    highVoltageSetpoint: getValueIf(addStandbyAutomaton, automaton.highVoltageSetpoint),
+    lowVoltageThreshold: getValueIf(addStandbyAutomaton, automaton.lowVoltageThreshold),
+    highVoltageThreshold: getValueIf(addStandbyAutomaton, automaton.highVoltageThreshold),
+    b0: addStandbyAutomaton && characteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id ? automaton.b0 ?? null : null,
+    q0: addStandbyAutomaton && characteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id ? automaton.q0 ?? null : null,
+    properties: toModificationProperties(formData)
+  };
+};
+export {
+  staticVarCompensatorCreationEmptyFormData,
+  staticVarCompensatorCreationFormSchema,
+  staticVarCompensatorCreationFormToDto,
+  staticVarCompensatorDtoToForm
+};

package/dist/features/network-modifications/static-var-compensator/creation/static-var-compensator-creation.types.d.ts

@@ -0,0 +1,34 @@
+import { Property } from '../../common';
+import { ModificationType } from '../../../../utils';
+export interface StaticVarCompensatorCreationDto {
+    type: ModificationType.STATIC_VAR_COMPENSATOR_CREATION;
+    equipmentId: string;
+    equipmentName?: string | null;
+    voltageLevelId: string | null;
+    busOrBusbarSectionId?: string | null;
+    connectionDirection?: string | null;
+    connectionName?: string | null;
+    connectionPosition?: number | null;
+    terminalConnected?: boolean | null;
+    maxSusceptance: number | null;
+    minSusceptance: number | null;
+    maxQAtNominalV: number | null;
+    minQAtNominalV: number | null;
+    regulationMode: string | null;
+    isRegulating: boolean;
+    voltageSetpoint: number | null;
+    reactivePowerSetpoint: number | null;
+    voltageRegulationType: string;
+    regulatingTerminalId: string | null;
+    regulatingTerminalType: string | null;
+    regulatingTerminalVlId: string | null;
+    standbyAutomatonOn: boolean | null;
+    standby: boolean | null;
+    lowVoltageSetpoint: number | null;
+    highVoltageSetpoint: number | null;
+    lowVoltageThreshold: number | null;
+    highVoltageThreshold: number | null;
+    b0: number | null;
+    q0: number | null;
+    properties?: Property[] | null;
+}

package/dist/features/network-modifications/static-var-compensator/creation/static-var-compensator-creation.types.js

@@ -0,0 +1 @@
+

package/dist/features/network-modifications/static-var-compensator/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 './common';
+export * from './creation';

package/dist/features/network-modifications/static-var-compensator/index.js

@@ -0,0 +1,27 @@
+import { StaticVarCompensatorDialogHeader } from "./common/static-var-compensator-dialog-header.js";
+import { StaticVarCompensatorDialogTabs } from "./common/static-var-compensator-dialog-tabs.js";
+import { STATIC_VAR_COMPENSATOR_TAB_FIELDS, StaticVarCompensatorDialogTab } from "./common/static-var-compensator-tab-utils.js";
+import { VOLTAGE_REGULATION_MODES } from "./common/constants.js";
+import { getReactiveFormData, getReactiveFormEmptyFormData, getReactiveFormValidationSchema } from "./common/set-points-limits-form-utils.js";
+import { computeQ0, getStandbyAutomatonEmptyFormData, getStandbyAutomatonFormData, getStandbyAutomatonFormValidationSchema } from "./common/standby-automaton-form-utils.js";
+import { StaticVarCompensatorCreationForm } from "./creation/static-var-compensator-creation-form.js";
+import { staticVarCompensatorCreationEmptyFormData, staticVarCompensatorCreationFormSchema, staticVarCompensatorCreationFormToDto, staticVarCompensatorDtoToForm } from "./creation/static-var-compensator-creation-utils.js";
+export {
+  STATIC_VAR_COMPENSATOR_TAB_FIELDS,
+  StaticVarCompensatorCreationForm,
+  StaticVarCompensatorDialogHeader,
+  StaticVarCompensatorDialogTab,
+  StaticVarCompensatorDialogTabs,
+  VOLTAGE_REGULATION_MODES,
+  computeQ0,
+  getReactiveFormData,
+  getReactiveFormEmptyFormData,
+  getReactiveFormValidationSchema,
+  getStandbyAutomatonEmptyFormData,
+  getStandbyAutomatonFormData,
+  getStandbyAutomatonFormValidationSchema,
+  staticVarCompensatorCreationEmptyFormData,
+  staticVarCompensatorCreationFormSchema,
+  staticVarCompensatorCreationFormToDto,
+  staticVarCompensatorDtoToForm
+};

package/dist/features/network-modifications/voltageLevel/coupling-device/coupling-device-creation-form.d.ts

@@ -0,0 +1,8 @@
+import { Option } from '../../../../utils';
+import { PositionDiagramPaneType } from '../../common';
+export interface CouplingDeviceCreationFormProps {
+    sectionOptions: Option[];
+    canOpenPositionDiagramPane?: boolean;
+    PositionDiagramPane?: PositionDiagramPaneType;
+}
+export declare function CouplingDeviceCreationForm({ sectionOptions, canOpenPositionDiagramPane, PositionDiagramPane, }: Readonly<CouplingDeviceCreationFormProps>): import("react").JSX.Element;

package/dist/features/network-modifications/voltageLevel/coupling-device/coupling-device-creation-form.js

@@ -0,0 +1,153 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { TextField, Grid, Button, Box } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import { useWatch } from "react-hook-form";
+import { useState } from "react";
+import { InfoOutlined } 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 { getObjectId } from "../../../../utils/ts-utils.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 { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { AutocompleteInput } from "../../../../components/ui/reactHookForm/autocompleteInputs/AutocompleteInput.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 { 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 { 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";
+function CouplingDeviceCreationForm({
+  sectionOptions,
+  canOpenPositionDiagramPane,
+  PositionDiagramPane
+}) {
+  const intl = useIntl();
+  const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
+  const [isDiagramPaneOpen, setIsDiagramPaneOpen] = useState(false);
+  const canOpenDiagram = Boolean(PositionDiagramPane && canOpenPositionDiagramPane);
+  const voltageLevelIdField = /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      fullWidth: true,
+      label: intl.formatMessage({ id: "VoltageLevelId" }),
+      value: equipmentId ?? "",
+      slotProps: {
+        input: { readOnly: true }
+      },
+      disabled: true,
+      ...filledTextField
+    }
+  );
+  const busBarSectionId1Field = /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      allowNewValue: true,
+      forcePopupIcon: !!sectionOptions,
+      name: `${FieldConstants.BUS_BAR_SECTION_ID1}`,
+      label: "BusBarSectionID1",
+      options: sectionOptions ?? [],
+      getOptionLabel: getObjectId,
+      size: "small",
+      sx: { paddingTop: 2, paddingRight: 1 }
+    }
+  );
+  const busBarSectionId2Field = /* @__PURE__ */ jsx(
+    AutocompleteInput,
+    {
+      allowNewValue: true,
+      forcePopupIcon: !!sectionOptions,
+      name: `${FieldConstants.BUS_BAR_SECTION_ID2}`,
+      label: "BusBarSectionID2",
+      options: sectionOptions ?? [],
+      getOptionLabel: getObjectId,
+      size: "small",
+      sx: { paddingTop: 2, paddingRight: 4 }
+    }
+  );
+  const diagramToolTip = canOpenDiagram ? /* @__PURE__ */ jsx(CustomTooltip, { sx: { paddingLeft: 1 }, title: intl.formatMessage({ id: "builtNodeTooltipForDiagram" }), children: /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "medium" }) }) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageLevelIdField }),
+      canOpenDiagram && /* @__PURE__ */ jsx(GridItem, { size: 3, children: /* @__PURE__ */ jsxs(Grid, { sx: { paddingTop: 1 }, children: [
+        /* @__PURE__ */ jsx(Button, { onClick: () => setIsDiagramPaneOpen(true), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "CreateCouplingDeviceDiagramButton" }) }),
+        diagramToolTip
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      GridSection,
+      {
+        title: "CouplingDeviceText",
+        tooltipEnabled: true,
+        tooltipMessage: "CouplingDeviceBusBarSectionToolTipText"
+      }
+    ),
+    /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: busBarSectionId1Field }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: busBarSectionId2Field })
+    ] }),
+    PositionDiagramPane && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      PositionDiagramPane,
+      {
+        open: isDiagramPaneOpen,
+        onClose: () => setIsDiagramPaneOpen(false),
+        voltageLevelId: equipmentId
+      }
+    ) })
+  ] });
+}
+export {
+  CouplingDeviceCreationForm
+};

package/dist/features/network-modifications/voltageLevel/coupling-device/coupling-device-creation-utils.d.ts

@@ -0,0 +1,20 @@
+import { InferType } from 'yup';
+import { CouplingDeviceCreationDto } from './coupling-device-creation.types';
+import * as yup from 'yup';
+export declare const emptyCouplingDeviceCreationFormData: {
+    equipmentID: null;
+    busbarSectionId1: null;
+    busbarSectionId2: null;
+};
+export declare const couplingDeviceCreationFormSchema: yup.ObjectSchema<{
+    equipmentID: string;
+    busbarSectionId1: string;
+    busbarSectionId2: string;
+}, yup.AnyObject, {
+    equipmentID: undefined;
+    busbarSectionId1: undefined;
+    busbarSectionId2: undefined;
+}, "">;
+export type CouplingDeviceCreationFormData = InferType<typeof couplingDeviceCreationFormSchema>;
+export declare const couplingDeviceCreationDtoToForm: (couplingDeviceCreation: CouplingDeviceCreationDto) => CouplingDeviceCreationFormData;
+export declare const couplingDeviceCreationFormToDto: (couplingDeviceCreation: CouplingDeviceCreationFormData) => CouplingDeviceCreationDto;

package/dist/features/network-modifications/voltageLevel/coupling-device/coupling-device-creation-utils.js

@@ -0,0 +1,40 @@
+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 "react/jsx-runtime";
+import "@mui/icons-material";
+const emptyCouplingDeviceCreationFormData = {
+  [FieldConstants.EQUIPMENT_ID]: null,
+  [FieldConstants.BUS_BAR_SECTION_ID1]: null,
+  [FieldConstants.BUS_BAR_SECTION_ID2]: null
+};
+const couplingDeviceCreationFormSchema = yup.object().shape({
+  [FieldConstants.EQUIPMENT_ID]: yup.string().required(),
+  [FieldConstants.BUS_BAR_SECTION_ID1]: yup.string().nullable().required(),
+  [FieldConstants.BUS_BAR_SECTION_ID2]: yup.string().nullable().required().notOneOf([yup.ref(FieldConstants.BUS_BAR_SECTION_ID1), null], "CreateCouplingDeviceIdenticalBusBar")
+});
+const couplingDeviceCreationDtoToForm = (couplingDeviceCreation) => {
+  return {
+    [FieldConstants.EQUIPMENT_ID]: couplingDeviceCreation.voltageLevelId,
+    [FieldConstants.BUS_BAR_SECTION_ID1]: couplingDeviceCreation.couplingDeviceInfos.busbarSectionId1,
+    [FieldConstants.BUS_BAR_SECTION_ID2]: couplingDeviceCreation.couplingDeviceInfos.busbarSectionId2
+  };
+};
+const couplingDeviceCreationFormToDto = (couplingDeviceCreation) => {
+  return {
+    type: ModificationType.CREATE_COUPLING_DEVICE,
+    voltageLevelId: couplingDeviceCreation[FieldConstants.EQUIPMENT_ID],
+    couplingDeviceInfos: {
+      busbarSectionId1: couplingDeviceCreation[FieldConstants.BUS_BAR_SECTION_ID1],
+      busbarSectionId2: couplingDeviceCreation[FieldConstants.BUS_BAR_SECTION_ID2]
+    }
+  };
+};
+export {
+  couplingDeviceCreationDtoToForm,
+  couplingDeviceCreationFormSchema,
+  couplingDeviceCreationFormToDto,
+  emptyCouplingDeviceCreationFormData
+};

package/dist/features/network-modifications/voltageLevel/coupling-device/coupling-device-creation.types.d.ts

@@ -0,0 +1,11 @@
+import { UUID } from 'node:crypto';
+import { ModificationType } from '../../../../utils';
+export interface CouplingDeviceCreationDto {
+    type: ModificationType.CREATE_COUPLING_DEVICE;
+    uuid?: UUID;
+    voltageLevelId: string;
+    couplingDeviceInfos: {
+        busbarSectionId1: string;
+        busbarSectionId2: string;
+    };
+}

package/dist/features/network-modifications/voltageLevel/coupling-device/coupling-device-creation.types.js

@@ -0,0 +1 @@
+

package/dist/features/network-modifications/voltageLevel/coupling-device/index.d.ts

@@ -0,0 +1,3 @@
+export * from './coupling-device-creation.types';
+export * from './coupling-device-creation-form';
+export * from './coupling-device-creation-utils';

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

@@ -0,0 +1,9 @@
+import { CouplingDeviceCreationForm } from "./coupling-device-creation-form.js";
+import { couplingDeviceCreationDtoToForm, couplingDeviceCreationFormSchema, couplingDeviceCreationFormToDto, emptyCouplingDeviceCreationFormData } from "./coupling-device-creation-utils.js";
+export {
+  CouplingDeviceCreationForm,
+  couplingDeviceCreationDtoToForm,
+  couplingDeviceCreationFormSchema,
+  couplingDeviceCreationFormToDto,
+  emptyCouplingDeviceCreationFormData
+};

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

@@ -5,9 +5,9 @@ import "react";
 import "react-hook-form";
 import "react-intl";
 import "@mui/icons-material";
-import "../../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/features/network-modifications/voltageLevel/index.d.ts

@@ -4,6 +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 './coupling-device';
 export * from './creation';
 export * from './voltage-level.type';
 export * from './modification';

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

@@ -1,3 +1,5 @@
+import { CouplingDeviceCreationForm } from "./coupling-device/coupling-device-creation-form.js";
+import { couplingDeviceCreationDtoToForm, couplingDeviceCreationFormSchema, couplingDeviceCreationFormToDto, emptyCouplingDeviceCreationFormData } from "./coupling-device/coupling-device-creation-utils.js";
 import { SwitchesBetweenSections } from "./creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js";
 import "react/jsx-runtime";
 import "@mui/material";
@@ -5,9 +7,9 @@ import "react";
 import "react-hook-form";
 import "react-intl";
 import "@mui/icons-material";
-import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
+import "../../../components/ui/overflowableText/OverflowableText.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -71,6 +73,7 @@ import { voltageLevelModificationDtoToForm, voltageLevelModificationEmptyFormDat
 import { createVoltageLevelTopologyDtoToForm, createVoltageLevelTopologyEmptyFormData, createVoltageLevelTopologyFormSchema, createVoltageLevelTopologyFormToDto } from "./topology/voltageLevelTopologyCreation.utils.js";
 import { CreateVoltageLevelTopologyForm } from "./topology/CreateVoltageLevelTopologyForm.js";
 export {
+  CouplingDeviceCreationForm,
   CreateVoltageLevelTopologyForm,
   MAX_SECTIONS_COUNT,
   SWITCH_TYPE,
@@ -79,10 +82,14 @@ export {
   VoltageLevelCreationForm,
   VoltageLevelModificationForm,
   buildNewBusbarSections,
+  couplingDeviceCreationDtoToForm,
+  couplingDeviceCreationFormSchema,
+  couplingDeviceCreationFormToDto,
   createVoltageLevelTopologyDtoToForm,
   createVoltageLevelTopologyEmptyFormData,
   createVoltageLevelTopologyFormSchema,
   createVoltageLevelTopologyFormToDto,
+  emptyCouplingDeviceCreationFormData,
   getCreateSwitchesEmptyFormData,
   getCreateSwitchesValidationSchema,
   translateSwitchKinds,

package/dist/features/network-modifications/voltageLevel/topology/CreateVoltageLevelTopologyForm.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import { useState, useRef, useEffect, useMemo } from "react";
 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 "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -75,6 +75,16 @@ function CreateVoltageLevelTopologyForm({
   const [isDiagramPaneOpen, setIsDiagramPaneOpen] = useState(false);
   const intl = useIntl();
   const { isNodeBuilt } = useCustomFormContext();
+  const { trigger } = useFormContext();
+  const watchSectionCount = useWatch({ name: FieldConstants.SECTION_COUNT });
+  const isFirstRender = useRef(true);
+  useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    trigger(FieldConstants.SECTION_COUNT);
+  }, [watchSectionCount, trigger]);
   const handleCloseDiagramPane = () => {
     setIsDiagramPaneOpen(false);
   };

package/dist/features/network-modifications/voltageLevel/topology/voltageLevelTopologyCreation.types.d.ts

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

package/dist/features/network-modifications/voltageLevel/topology/voltageLevelTopologyCreation.utils.d.ts

@@ -1,6 +1,6 @@
 import { IntlShape } from 'react-intl';
 import { DeepNullable } from '../../../../utils';
-import { CreateVoltageLevelTopologyInfos } from './voltageLevelTopologyCreation.types';
+import { CreateVoltageLevelTopologyDto } from './voltageLevelTopologyCreation.types';
 /**
  * Copyright (c) 2026, RTE (http://www.rte-france.com)
  * This Source Code Form is subject to the terms of the Mozilla Public
@@ -21,5 +21,5 @@ export declare const createVoltageLevelTopologyFormSchema: yup.ObjectSchema<{
 }, "">;
 export type CreateVoltageLevelTopologyDialogSchemaForm = yup.InferType<typeof createVoltageLevelTopologyFormSchema>;
 export declare const createVoltageLevelTopologyEmptyFormData: DeepNullable<CreateVoltageLevelTopologyDialogSchemaForm>;
-export declare const createVoltageLevelTopologyDtoToForm: (editData: CreateVoltageLevelTopologyInfos | undefined, intl: IntlShape) => DeepNullable<CreateVoltageLevelTopologyDialogSchemaForm>;
-export declare const createVoltageLevelTopologyFormToDto: (voltageLevelTopology: CreateVoltageLevelTopologyDialogSchemaForm, voltageLevelId: string) => CreateVoltageLevelTopologyInfos;
+export declare const createVoltageLevelTopologyDtoToForm: (editData: CreateVoltageLevelTopologyDto | undefined, intl: IntlShape) => DeepNullable<CreateVoltageLevelTopologyDialogSchemaForm>;
+export declare const createVoltageLevelTopologyFormToDto: (voltageLevelTopology: CreateVoltageLevelTopologyDialogSchemaForm, voltageLevelId: string) => CreateVoltageLevelTopologyDto;