@gridsuite/commons-ui 0.208.0 → 0.210.0

package/dist/components/network-modifications/shunt-compensator/creation/ShuntCompensatorCreationForm.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import "react-intl";
+import "../../../overflowableText/OverflowableText.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+import "react";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { TextInput } from "../../../inputs/reactHookForm/text/TextInput.js";
+import "../../../inputs/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.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import GridSection from "../../../grid/grid-section.js";
+import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
+import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
+import { filledTextField } from "../../common/form.utils.js";
+import "../../common/properties/propertyUtils.js";
+import { CharacteristicsForm } from "../common/CharacteristicsForm.js";
+function ShuntCompensatorCreationForm({
+  voltageLevelOptions = [],
+  fetchBusesOrBusbarSections,
+  PositionDiagramPane
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          name: FieldConstants.EQUIPMENT_ID,
+          label: "ID",
+          formProps: { autoFocus: true, ...filledTextField }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        ConnectivityForm,
+        {
+          voltageLevelOptions,
+          PositionDiagramPane,
+          fetchBusesOrBusbarSections
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(CharacteristicsForm, { isModification: false }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "shuntCompensator" }) })
+  ] });
+}
+export {
+  ShuntCompensatorCreationForm
+};

package/dist/components/network-modifications/shunt-compensator/creation/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 './ShuntCompensatorCreationForm';
+export * from './shuntCompensatorCreation.types';
+export * from './shuntCompensatorCreation.utils';

package/dist/components/network-modifications/shunt-compensator/creation/index.js

@@ -0,0 +1,9 @@
+import { ShuntCompensatorCreationForm } from "./ShuntCompensatorCreationForm.js";
+import { shuntCompensatorCreationDtoToForm, shuntCompensatorCreationEmptyFormData, shuntCompensatorCreationFormSchema, shuntCompensatorCreationFormToDto } from "./shuntCompensatorCreation.utils.js";
+export {
+  ShuntCompensatorCreationForm,
+  shuntCompensatorCreationDtoToForm,
+  shuntCompensatorCreationEmptyFormData,
+  shuntCompensatorCreationFormSchema,
+  shuntCompensatorCreationFormToDto
+};

package/dist/components/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.types.d.ts

@@ -0,0 +1,20 @@
+import { ModificationType } from '../../../../utils';
+import { Property } from '../../common';
+export interface ShuntCompensatorCreationDto {
+    type: ModificationType;
+    uuid?: string;
+    equipmentId: string;
+    equipmentName: string | null;
+    maxSusceptance: number | null;
+    maxQAtNominalV: number | null;
+    shuntCompensatorType: string | null;
+    sectionCount: number | null;
+    maximumSectionCount: number | null;
+    voltageLevelId: string;
+    busOrBusbarSectionId: string;
+    connectionDirection: string | null;
+    connectionName?: string | null;
+    connectionPosition?: number | null;
+    terminalConnected?: boolean | null;
+    properties: Property[] | null;
+}

package/dist/components/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.types.js

@@ -0,0 +1 @@
+

package/dist/components/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.d.ts

@@ -0,0 +1,110 @@
+import { InferType } from 'yup';
+import { DeepNullable } from '../../../../utils';
+import { ShuntCompensatorCreationDto } from './shuntCompensatorCreation.types';
+export declare const shuntCompensatorCreationFormSchema: import('yup').ObjectSchema<NonNullable<({
+    maxQAtNominalV: number | null;
+    maxSusceptance: number | null;
+    maximumSectionCount: number | null;
+    sectionCount: number | null;
+    switchedOnQAtNominalV: number | null | undefined;
+    switchedOnSusceptance: number | null | undefined;
+    characteristicsChoice: string;
+    shuntCompensatorType: string | null;
+    equipmentID: string;
+    equipmentName: string | null | undefined;
+    connectivity: {
+        terminalConnected?: boolean | null | undefined;
+        connectionDirection?: string | null | undefined;
+        connectionName?: string | undefined;
+        connectionPosition?: number | null | undefined;
+        busOrBusbarSection: {
+            id?: string | undefined;
+        } | null;
+        voltageLevel: {
+            id?: string | undefined;
+        } | null;
+    };
+} | {
+    maxQAtNominalV: number | null;
+    maxSusceptance: number | null;
+    maximumSectionCount: number;
+    sectionCount: number;
+    switchedOnQAtNominalV: import('yup').Maybe<number | undefined>;
+    switchedOnSusceptance: import('yup').Maybe<number | undefined>;
+    characteristicsChoice: string;
+    shuntCompensatorType: string | null;
+    equipmentID: string;
+    equipmentName: string | null | undefined;
+    connectivity: {
+        terminalConnected?: boolean | null | undefined;
+        connectionDirection?: string | null | undefined;
+        connectionName?: string | undefined;
+        connectionPosition?: number | null | undefined;
+        busOrBusbarSection: {
+            id?: string | undefined;
+        } | null;
+        voltageLevel: {
+            id?: string | undefined;
+        } | null;
+    };
+}) & {
+    AdditionalProperties: {
+        previousValue?: string | null | undefined;
+        added: NonNullable<boolean | undefined>;
+        deletionMark: NonNullable<boolean | undefined>;
+        name: string;
+        value: string;
+    }[] | undefined;
+}>, import('yup').AnyObject, {
+    maxQAtNominalV: null;
+    maxSusceptance: null;
+    maximumSectionCount: null;
+    sectionCount: null;
+    switchedOnQAtNominalV: undefined;
+    switchedOnSusceptance: undefined;
+    characteristicsChoice: undefined;
+    shuntCompensatorType: null;
+    equipmentID: undefined;
+    equipmentName: undefined;
+    connectivity: {
+        voltageLevel: {
+            id: undefined;
+        };
+        busOrBusbarSection: {
+            id: undefined;
+        };
+        connectionDirection: undefined;
+        connectionName: undefined;
+        connectionPosition: undefined;
+        terminalConnected: undefined;
+    };
+    AdditionalProperties: "";
+} | {
+    maxQAtNominalV: null;
+    maxSusceptance: null;
+    maximumSectionCount: undefined;
+    sectionCount: undefined;
+    switchedOnQAtNominalV: undefined;
+    switchedOnSusceptance: undefined;
+    characteristicsChoice: undefined;
+    shuntCompensatorType: null;
+    equipmentID: undefined;
+    equipmentName: undefined;
+    connectivity: {
+        voltageLevel: {
+            id: undefined;
+        };
+        busOrBusbarSection: {
+            id: undefined;
+        };
+        connectionDirection: undefined;
+        connectionName: undefined;
+        connectionPosition: undefined;
+        terminalConnected: undefined;
+    };
+    AdditionalProperties: "";
+}, "">;
+export type ShuntCompensatorCreationFormData = InferType<typeof shuntCompensatorCreationFormSchema>;
+export declare const shuntCompensatorCreationEmptyFormData: DeepNullable<ShuntCompensatorCreationFormData>;
+export declare const shuntCompensatorCreationDtoToForm: (shuntDto: ShuntCompensatorCreationDto) => ShuntCompensatorCreationFormData;
+export declare const shuntCompensatorCreationFormToDto: (shuntForm: ShuntCompensatorCreationFormData) => ShuntCompensatorCreationDto;

package/dist/components/network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.js

@@ -0,0 +1,103 @@
+import { object, string } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { YUP_REQUIRED } from "../../../../utils/constants/translationKeys.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 "../../../../utils/yupConfig.js";
+import "react";
+import "react-hook-form";
+import { creationPropertiesSchema, getFilledPropertiesFromModification, toModificationProperties } from "../../common/properties/propertyUtils.js";
+import "@mui/material";
+import "react-intl";
+import "../../../overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/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.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
+import { CHARACTERISTICS_CHOICES } from "../common/shuntCompensator.utils.js";
+import { getCharacteristicsFormValidationSchema, getCharacteristicsEmptyFormData, getCharacteristicsFormData } from "../common/characteristicsForm.utils.js";
+const shuntCompensatorCreationFormSchema = object().shape({
+  [FieldConstants.EQUIPMENT_ID]: string().required(YUP_REQUIRED),
+  [FieldConstants.EQUIPMENT_NAME]: string().nullable(),
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionSchema(false),
+  ...getCharacteristicsFormValidationSchema(false)
+}).concat(creationPropertiesSchema).required(YUP_REQUIRED);
+const shuntCompensatorCreationEmptyFormData = {
+  [FieldConstants.EQUIPMENT_ID]: "",
+  [FieldConstants.EQUIPMENT_NAME]: "",
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionEmptyFormDataProps(),
+  ...getCharacteristicsEmptyFormData(),
+  [FieldConstants.ADDITIONAL_PROPERTIES]: []
+};
+const shuntCompensatorCreationDtoToForm = (shuntDto) => ({
+  [FieldConstants.EQUIPMENT_ID]: shuntDto.equipmentId,
+  [FieldConstants.EQUIPMENT_NAME]: shuntDto.equipmentName ?? "",
+  [FieldConstants.CONNECTIVITY]: getConnectivityFormDataProps({
+    voltageLevelId: shuntDto.voltageLevelId,
+    busbarSectionId: shuntDto.busOrBusbarSectionId,
+    connectionDirection: shuntDto.connectionDirection,
+    connectionName: shuntDto.connectionName,
+    connectionPosition: shuntDto.connectionPosition,
+    terminalConnected: shuntDto.terminalConnected
+  }),
+  ...getCharacteristicsFormData({
+    maxSusceptance: shuntDto.maxSusceptance ?? null,
+    maxQAtNominalV: shuntDto.maxQAtNominalV ?? null,
+    shuntCompensatorType: shuntDto.shuntCompensatorType,
+    sectionCount: shuntDto.sectionCount,
+    maximumSectionCount: shuntDto.maximumSectionCount
+  }),
+  [FieldConstants.ADDITIONAL_PROPERTIES]: getFilledPropertiesFromModification(shuntDto?.properties)
+});
+const shuntCompensatorCreationFormToDto = (shuntForm) => {
+  const choice = shuntForm[FieldConstants.CHARACTERISTICS_CHOICE];
+  return {
+    type: ModificationType.SHUNT_COMPENSATOR_CREATION,
+    equipmentId: shuntForm[FieldConstants.EQUIPMENT_ID],
+    equipmentName: sanitizeString(shuntForm[FieldConstants.EQUIPMENT_NAME]),
+    maxSusceptance: choice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id ? shuntForm[FieldConstants.MAX_SUSCEPTANCE] ?? null : null,
+    maxQAtNominalV: choice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id ? shuntForm[FieldConstants.MAX_Q_AT_NOMINAL_V] ?? null : null,
+    shuntCompensatorType: choice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id ? shuntForm[FieldConstants.SHUNT_COMPENSATOR_TYPE] ?? null : null,
+    sectionCount: shuntForm[FieldConstants.SECTION_COUNT] ?? null,
+    maximumSectionCount: shuntForm[FieldConstants.MAXIMUM_SECTION_COUNT] ?? null,
+    voltageLevelId: shuntForm[FieldConstants.CONNECTIVITY]?.voltageLevel?.id ?? "",
+    busOrBusbarSectionId: shuntForm[FieldConstants.CONNECTIVITY]?.busOrBusbarSection?.id ?? "",
+    connectionDirection: shuntForm[FieldConstants.CONNECTIVITY]?.connectionDirection ?? UNDEFINED_CONNECTION_DIRECTION,
+    connectionName: sanitizeString(shuntForm[FieldConstants.CONNECTIVITY]?.connectionName),
+    connectionPosition: shuntForm[FieldConstants.CONNECTIVITY]?.connectionPosition ?? null,
+    terminalConnected: shuntForm[FieldConstants.CONNECTIVITY]?.terminalConnected ?? null,
+    properties: toModificationProperties(shuntForm)
+  };
+};
+export {
+  shuntCompensatorCreationDtoToForm,
+  shuntCompensatorCreationEmptyFormData,
+  shuntCompensatorCreationFormSchema,
+  shuntCompensatorCreationFormToDto
+};

package/dist/components/network-modifications/shunt-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/components/network-modifications/shunt-compensator/index.js

@@ -0,0 +1,20 @@
+import { CHARACTERISTICS_CHOICES, SHUNT_COMPENSATOR_TYPES, computeSwitchedOnValue } from "./common/shuntCompensator.utils.js";
+import { CharacteristicsForm } from "./common/CharacteristicsForm.js";
+import { getCharacteristicsCreateFormDataFromSearchCopy, getCharacteristicsEmptyFormData, getCharacteristicsFormData, getCharacteristicsFormValidationSchema } from "./common/characteristicsForm.utils.js";
+import { ShuntCompensatorCreationForm } from "./creation/ShuntCompensatorCreationForm.js";
+import { shuntCompensatorCreationDtoToForm, shuntCompensatorCreationEmptyFormData, shuntCompensatorCreationFormSchema, shuntCompensatorCreationFormToDto } from "./creation/shuntCompensatorCreation.utils.js";
+export {
+  CHARACTERISTICS_CHOICES,
+  CharacteristicsForm,
+  SHUNT_COMPENSATOR_TYPES,
+  ShuntCompensatorCreationForm,
+  computeSwitchedOnValue,
+  getCharacteristicsCreateFormDataFromSearchCopy,
+  getCharacteristicsEmptyFormData,
+  getCharacteristicsFormData,
+  getCharacteristicsFormValidationSchema,
+  shuntCompensatorCreationDtoToForm,
+  shuntCompensatorCreationEmptyFormData,
+  shuntCompensatorCreationFormSchema,
+  shuntCompensatorCreationFormToDto
+};

package/dist/components/network-modifications/voltageLevel/creation/VoltageLevelCreationForm.js

@@ -37,7 +37,7 @@ import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import { VoltageLevelTab, VOLTAGE_LEVEL_TAB_FIELDS } from "./voltageLevel.constants.js";
-import "./tabs/structureTab/switchesBetweenSections/creation/CreateSwitchesDialog.js";
+import "./voltageLevelCreation.utils.js";
 import { StructureTab } from "./tabs/structureTab/StructureTab.js";
 import { SubstationTab } from "./tabs/substationTab/SubstationTab.js";
 import { CharacteristicsTab } from "./tabs/characteristicsTab/CharacteristicsTab.js";

package/dist/components/network-modifications/voltageLevel/creation/index.d.ts

@@ -5,6 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export { SwitchesBetweenSections } from './tabs';
+export { MAX_SECTIONS_COUNT } from './voltageLevel.constants';
 export * from './VoltageLevelCreationForm';
 export * from './voltageLevelCreation.utils';
 export * from './voltageLevelCreation.types';

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

@@ -1,6 +1,7 @@
 import { SwitchesBetweenSections } from "./tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js";
 import "react/jsx-runtime";
 import "@mui/material";
+import "react";
 import "react-hook-form";
 import "react-intl";
 import "../../../overflowableText/OverflowableText.js";
@@ -8,7 +9,6 @@ import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import "../../../../utils/yupConfig.js";
-import "react";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -36,10 +36,12 @@ import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../../common/properties/propertyUtils.js";
+import { MAX_SECTIONS_COUNT } from "./voltageLevel.constants.js";
 import { VoltageLevelCreationForm } from "./VoltageLevelCreationForm.js";
 import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./voltageLevelCreation.utils.js";
 import { SwitchKind } from "./voltageLevelCreation.types.js";
 export {
+  MAX_SECTIONS_COUNT,
   SWITCH_TYPE,
   SwitchKind,
   SwitchesBetweenSections,

package/dist/components/network-modifications/voltageLevel/creation/tabs/structureTab/StructureTab.js

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
-import { useWatch } from "react-hook-form";
+import { useEffect } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
 import GridSection from "../../../../../grid/grid-section.js";
 import "react-intl";
 import "../../../../../overflowableText/OverflowableText.js";
@@ -9,7 +10,6 @@ import "../../../../../../utils/conversionUtils.js";
 import "../../../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import "../../../../../../utils/yupConfig.js";
-import "react";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -40,8 +40,12 @@ import "react-querybuilder";
 import { SwitchesBetweenSections } from "./switchesBetweenSections/SwitchesBetweenSections.js";
 import { CouplingOmnibusForm } from "./couplingOmnibus/CouplingOmnibusForm.js";
 function StructureTab() {
+  const { trigger } = useFormContext();
   const watchBusBarCount = useWatch({ name: FieldConstants.BUS_BAR_COUNT });
   const watchSectionCount = useWatch({ name: FieldConstants.SECTION_COUNT });
+  useEffect(() => {
+    trigger(FieldConstants.SECTION_COUNT);
+  }, [watchSectionCount, trigger]);
   const displayOmnibus = watchBusBarCount > 1 || watchSectionCount > 1;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "BusBarSections" }),

package/dist/components/network-modifications/voltageLevel/creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js

@@ -1,12 +1,12 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { IconButton } from "@mui/material";
-import { useState, useCallback, useRef, useEffect } from "react";
-import { useFormContext, useWatch } from "react-hook-form";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid2 } from "@mui/material";
+import { useCallback, useRef, useEffect } from "react";
+import { useFormContext, useFieldArray, useWatch } from "react-hook-form";
 import { useIntl } from "react-intl";
-import { ArrowDropDown } from "@mui/icons-material";
 import { FieldConstants } from "../../../../../../../utils/constants/fieldConstants.js";
 import "../../../../../../../utils/conversionUtils.js";
 import "../../../../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
 import "../../../../../../../utils/yupConfig.js";
 import { SwitchKind } from "../../../voltageLevelCreation.types.js";
 import "../../../../../../overflowableText/OverflowableText.js";
@@ -22,8 +22,8 @@ import "../../../../../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
-import { TextInput } from "../../../../../../inputs/reactHookForm/text/TextInput.js";
 import "../../../../../../inputs/reactHookForm/numbers/RangeInput.js";
+import { EnumInput } from "../../../../../../inputs/reactHookForm/selectInputs/EnumInput.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";
@@ -37,23 +37,16 @@ import "../../../../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../../../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import { CreateSwitchesDialog } from "./creation/CreateSwitchesDialog.js";
 import GridSection from "../../../../../../grid/grid-section.js";
+import { SWITCH_TYPE } from "../../../voltageLevelCreation.utils.js";
+import { MAX_SECTIONS_COUNT } from "../../../voltageLevel.constants.js";
 function SwitchesBetweenSections() {
-  const { getValues, setValue } = useFormContext();
-  const [openCreateSwitchesDialog, setOpenCreateSwitchesDialog] = useState(false);
+  const { setValue } = useFormContext();
+  const { fields: rows } = useFieldArray({ name: `${FieldConstants.SWITCH_KINDS}` });
   const watchSectionCount = useWatch({ name: FieldConstants.SECTION_COUNT });
   const watchSwitchesBetweenSections = useWatch({
     name: FieldConstants.SWITCHES_BETWEEN_SECTIONS
   });
-  const addIconAdornment = useCallback((clickCallback) => {
-    return /* @__PURE__ */ jsx(IconButton, { onClick: clickCallback, children: /* @__PURE__ */ jsx(ArrowDropDown, {}) });
-  }, []);
-  const handleClickOpenSwitchesPane = useCallback(() => {
-    if (watchSectionCount > 1) {
-      setOpenCreateSwitchesDialog(true);
-    }
-  }, [watchSectionCount]);
   const intl = useIntl();
   const setSwitchesKinds = useCallback(
     (data) => {
@@ -68,19 +61,13 @@ function SwitchesBetweenSections() {
     },
     [intl, setValue]
   );
-  const handleCreateSwitchesDialog = useCallback(
-    (data) => {
-      setSwitchesKinds(data);
-    },
-    [setSwitchesKinds]
-  );
   const sectionCountRef = useRef(watchSectionCount);
   const switchesBetweenSectionsRef = useRef(watchSwitchesBetweenSections);
   useEffect(() => {
     if (sectionCountRef.current !== watchSectionCount && switchesBetweenSectionsRef.current === watchSwitchesBetweenSections) {
       const initialKindDisconnector = { switchKind: SwitchKind.DISCONNECTOR };
       let list = [];
-      if (watchSectionCount >= 1) {
+      if (watchSectionCount >= 1 && watchSectionCount <= MAX_SECTIONS_COUNT) {
         list = new Array(watchSectionCount - 1).fill(initialKindDisconnector);
       }
       const data = { switchKinds: list };
@@ -89,32 +76,24 @@ function SwitchesBetweenSections() {
     sectionCountRef.current = watchSectionCount;
     switchesBetweenSectionsRef.current = watchSwitchesBetweenSections;
   }, [watchSectionCount, watchSwitchesBetweenSections, setSwitchesKinds]);
-  if (Number.isNaN(watchSectionCount) || watchSectionCount <= 1) {
+  if (Number.isNaN(watchSectionCount) || watchSectionCount <= 1 || watchSectionCount > MAX_SECTIONS_COUNT) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "SwitchesBetweenSections" }),
-    /* @__PURE__ */ jsx(
-      TextInput,
+    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, pt: 1, children: rows.map((value, index) => /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+      EnumInput,
       {
-        name: FieldConstants.SWITCHES_BETWEEN_SECTIONS,
-        label: "SwitchesBetweenSections",
-        formProps: {
-          multiline: true
+        options: Object.values(SWITCH_TYPE),
+        name: `${FieldConstants.SWITCH_KINDS}.${index}.${FieldConstants.SWITCH_KIND}`,
+        label: "SwitchBetweenSectionsLabel",
+        labelValues: {
+          index1: String(index + 1),
+          index2: String(index + 2)
         },
-        customAdornment: addIconAdornment(handleClickOpenSwitchesPane)
-      }
-    ),
-    openCreateSwitchesDialog && /* @__PURE__ */ jsx(
-      CreateSwitchesDialog,
-      {
-        openCreateSwitchesDialog,
-        setOpenCreateSwitchesDialog,
-        handleCreateSwitchesDialog,
-        sectionCount: getValues(FieldConstants.SECTION_COUNT),
-        switchKinds: getValues(FieldConstants.SWITCH_KINDS)
+        size: "small"
       }
-    )
+    ) }, value.id)) })
   ] });
 }
 export {

package/dist/components/network-modifications/voltageLevel/creation/voltageLevel.constants.d.ts

@@ -1,4 +1,5 @@
 import { FieldConstants } from '../../../../utils';
+export declare const MAX_SECTIONS_COUNT = 20;
 export declare enum VoltageLevelTab {
     SUBSTATION_TAB = 0,
     CHARACTERISTICS_TAB = 1,

package/dist/components/network-modifications/voltageLevel/creation/voltageLevel.constants.js

@@ -4,6 +4,7 @@ import "../../../../utils/types/equipmentType.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
 import "../../../../utils/yupConfig.js";
+const MAX_SECTIONS_COUNT = 20;
 var VoltageLevelTab = /* @__PURE__ */ ((VoltageLevelTab2) => {
   VoltageLevelTab2[VoltageLevelTab2["SUBSTATION_TAB"] = 0] = "SUBSTATION_TAB";
   VoltageLevelTab2[VoltageLevelTab2["CHARACTERISTICS_TAB"] = 1] = "CHARACTERISTICS_TAB";
@@ -52,6 +53,7 @@ const VOLTAGE_LEVEL_TAB_FIELDS = {
   ]: [FieldConstants.ADDITIONAL_PROPERTIES]
 };
 export {
+  MAX_SECTIONS_COUNT,
   VOLTAGE_LEVEL_TAB_FIELDS,
   VoltageLevelTab
 };

package/dist/components/network-modifications/voltageLevel/creation/voltageLevelCreation.utils.js

@@ -10,6 +10,7 @@ import "react/jsx-runtime";
 import "@mui/icons-material";
 import { sanitizeString } from "../../../../utils/ts-utils.js";
 import "../../../../utils/yupConfig.js";
+import { MAX_SECTIONS_COUNT } from "./voltageLevel.constants.js";
 import "@mui/material";
 import "react-intl";
 import "../../../overflowableText/OverflowableText.js";
@@ -122,7 +123,7 @@ const voltageLevelCreationFormSchema = object().shape({
   }),
   [FieldConstants.SECTION_COUNT]: number().typeError(YUP_NOT_TYPE_NUMBER).nullable().when([FieldConstants.HIDE_BUS_BAR_SECTION], {
     is: (hideBusBarSection) => !hideBusBarSection,
-    then: (schema) => schema.min(1, "SectionCountMustBeGreaterThanOrEqualToOne").required(YUP_REQUIRED)
+    then: (schema) => schema.min(1, "SectionCountMustBeGreaterThanOrEqualToOne").max(MAX_SECTIONS_COUNT, "SectionCountMustBeLessThanOrEqualToTwenty").required(YUP_REQUIRED)
   }),
   [FieldConstants.SWITCHES_BETWEEN_SECTIONS]: string().nullable().when([FieldConstants.SECTION_COUNT], {
     is: (sectionCount) => sectionCount > 1,

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

@@ -1,6 +1,7 @@
 import { SwitchesBetweenSections } from "./creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js";
 import "react/jsx-runtime";
 import "@mui/material";
+import "react";
 import "react-hook-form";
 import "react-intl";
 import "../../overflowableText/OverflowableText.js";
@@ -8,7 +9,6 @@ import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import "../../../utils/yupConfig.js";
-import "react";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -36,12 +36,14 @@ import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/properties/propertyUtils.js";
+import { MAX_SECTIONS_COUNT } 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 } from "./modification/voltageLevelModification.utils.js";
 export {
+  MAX_SECTIONS_COUNT,
   SWITCH_TYPE,
   SwitchKind,
   SwitchesBetweenSections,