@gridsuite/commons-ui 0.189.0 → 0.191.0

package/dist/components/network-modifications/common/setpoints/SetPointsForm.js

@@ -31,6 +31,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/equipmentDeletion/EquipmentDeletionForm.js

@@ -35,6 +35,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/equipmentDeletion/equipmentDeletion.utils.js

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js

@@ -29,6 +29,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/hooks/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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 './useTabsWithError';

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

@@ -0,0 +1,4 @@
+import { useTabsWithError } from "./useTabsWithError.js";
+export {
+  useTabsWithError
+};

package/dist/components/network-modifications/hooks/useTabsWithError.d.ts

@@ -0,0 +1,15 @@
+import { FieldConstants } from '../../../utils';
+type TabFieldsMap<T extends number> = Readonly<Partial<Record<T, FieldConstants[]>>>;
+/**
+ * Manages tab navigation with automatic error highlighting for react-hook-form-based tabbed forms.
+ *
+ * @param tabFields - Maps each tab index to the field names it owns. Must be a module-level
+ *                    constant to remain stable across renders.
+ * @param initialTab - The tab to show on first render.
+ */
+export declare function useTabsWithError<T extends number>(tabFields: TabFieldsMap<T>, initialTab: T): {
+    tabIndex: T;
+    setTabIndex: (tab: T) => void;
+    tabIndexesWithError: T[];
+};
+export {};

package/dist/components/network-modifications/hooks/useTabsWithError.js

@@ -0,0 +1,28 @@
+import { useState, useRef, useEffect, useCallback } from "react";
+import { useFormState } from "react-hook-form";
+function useTabsWithError(tabFields, initialTab) {
+  const { errors, submitCount } = useFormState();
+  const [tabIndex, setTabIndex] = useState(initialTab);
+  const tabIndexRef = useRef(tabIndex);
+  const tabIndexesWithError = Object.keys(tabFields).map(Number).filter(
+    (tab) => tabFields[tab].some((field) => errors[field] !== void 0)
+  );
+  const tabIndexesWithErrorRef = useRef(tabIndexesWithError);
+  tabIndexesWithErrorRef.current = tabIndexesWithError;
+  useEffect(() => {
+    const tabs = tabIndexesWithErrorRef.current;
+    if (tabs.length > 0 && !tabs.includes(tabIndexRef.current)) {
+      const tab = tabs[0];
+      tabIndexRef.current = tab;
+      setTabIndex(tab);
+    }
+  }, [submitCount]);
+  const handleSetTabIndex = useCallback((tab) => {
+    tabIndexRef.current = tab;
+    setTabIndex(tab);
+  }, []);
+  return { tabIndex, setTabIndex: handleSetTabIndex, tabIndexesWithError };
+}
+export {
+  useTabsWithError
+};

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

@@ -6,6 +6,7 @@
  */
 export * from './common';
 export * from './equipmentDeletion';
+export * from './hooks';
 export * from './substation';
 export * from './voltageLevel';
 export * from './load';

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

@@ -19,6 +19,7 @@ import { useHvdcLccDeletion } from "./equipmentDeletion/hvdcLccDeletion/useHvdcL
 import { HvdcLccDeletionSpecificForm } from "./equipmentDeletion/hvdcLccDeletion/HvdcLccDeletionSpecificForm.js";
 import { equipmentDeletionDtoToForm, equipmentDeletionEmptyFormData, equipmentDeletionFormSchema, equipmentDeletionFormToDto, newEquipmentDeletionDto } from "./equipmentDeletion/equipmentDeletion.utils.js";
 import { EquipmentDeletionForm } from "./equipmentDeletion/EquipmentDeletionForm.js";
+import { useTabsWithError } from "./hooks/useTabsWithError.js";
 import { SubstationCreationForm } from "./substation/creation/SubstationCreationForm.js";
 import { substationCreationDtoToForm, substationCreationEmptyFormData, substationCreationFormSchema, substationCreationFormToDto } from "./substation/creation/substationCreation.utils.js";
 import { SubstationModificationForm } from "./substation/modification/SubstationModificationForm.js";
@@ -52,6 +53,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";
@@ -59,11 +61,11 @@ import "uuid";
 import "../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import { VoltageLevelCreationForm } from "./voltageLevel/creation/VoltageLevelCreationForm.js";
-import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, isAdditionalInformationTabError, isCharacteristicsTabError, isStructureTabError, isSubstationTabError, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./voltageLevel/creation/voltageLevelCreation.utils.js";
+import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./voltageLevel/creation/voltageLevelCreation.utils.js";
 import { SwitchKind } from "./voltageLevel/creation/voltageLevelCreation.types.js";
 import { VoltageLevelModificationForm } from "./voltageLevel/modification/VoltageLevelModificationForm.js";
 import { voltageLevelModificationDtoToForm, voltageLevelModificationEmptyFormData, voltageLevelModificationFormSchema, voltageLevelModificationFormToDto } from "./voltageLevel/modification/voltageLevelModification.utils.js";
-import { LoadDialogTab } from "./load/common/load.utils.js";
+import { LOAD_TAB_FIELDS, LoadDialogTab } from "./load/common/load.utils.js";
 import { LoadDialogTabs } from "./load/common/LoadDialogTabs.js";
 import { LoadDialogTabsContent } from "./load/common/LoadDialogTabsContent.js";
 import { LoadDialogHeader } from "./load/common/LoadDialogHeader.js";
@@ -72,7 +74,11 @@ import { loadCreationDtoToForm, loadCreationEmptyFormData, loadCreationFormSchem
 import { loadModificationDtoToForm, loadModificationEmptyFormData, loadModificationFormSchema, loadModificationFormToDto } from "./load/modification/loadModification.utils.js";
 import { ByFilterDeletionForm } from "./by-filter/deletion/ByFilterDeletionForm.js";
 import { EQUIPMENT_TYPE_ORDER, byFilterDeletionDtoToForm, byFilterDeletionFormSchema, byFilterDeletionFormToDto, emptyFormData } from "./by-filter/deletion/byFilterDeletion.utils.js";
+import { ModificationByAssignmentForm } from "./by-filter/assignment/modification-by-assignment-form.js";
+import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./by-filter/assignment/modificationByAssignment.utils.js";
+import { DataType } from "./by-filter/assignment/assignment/assignment.type.js";
 export {
+  DataType as AssignmentDataType,
   BranchActiveReactivePowerMeasurementsForm,
   BranchConnectivityForm,
   ByFilterDeletionForm,
@@ -80,11 +86,13 @@ export {
   EQUIPMENT_TYPE_ORDER,
   EquipmentDeletionForm,
   HvdcLccDeletionSpecificForm,
+  LOAD_TAB_FIELDS,
   LoadDialogHeader,
   LoadDialogTab,
   LoadDialogTabs,
   LoadDialogTabsContent,
   LoadForm,
+  ModificationByAssignmentForm,
   PowerMeasurementsForm,
   PowerWithValidityForm,
   PropertiesForm,
@@ -107,6 +115,7 @@ export {
   createPropertyModification,
   creationPropertiesSchema,
   emptyFormData,
+  emptyModificationByAssignmentFormData,
   emptyProperties,
   equipmentDeletionDtoToForm,
   equipmentDeletionEmptyFormData,
@@ -158,10 +167,6 @@ export {
   getSetPointsEmptyFormData,
   getSetPointsSchema,
   initializedProperty,
-  isAdditionalInformationTabError,
-  isCharacteristicsTabError,
-  isStructureTabError,
-  isSubstationTabError,
   italicFontTextField,
   loadCreationDtoToForm,
   loadCreationEmptyFormData,
@@ -172,6 +177,9 @@ export {
   loadModificationFormSchema,
   loadModificationFormToDto,
   mergeModificationAndEquipmentProperties,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto,
   modificationPropertiesSchema,
   newEquipmentDeletionDto,
   standardTextField,
@@ -187,6 +195,7 @@ export {
   toModificationProperties,
   translateSwitchKinds,
   useHvdcLccDeletion,
+  useTabsWithError,
   voltageLevelCreationDtoToForm,
   voltageLevelCreationEmptyFormData,
   voltageLevelCreationFormSchema,

package/dist/components/network-modifications/load/common/LoadDialogHeader.js

@@ -32,6 +32,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/load/common/LoadForm.d.ts

@@ -1,5 +1,5 @@
-import { LoadDialogTabsContentProps } from './LoadDialogTabsContent';
 import { LoadDialogHeaderProps } from './LoadDialogHeader';
+import { LoadDialogTabsContentProps } from './LoadDialogTabsContent';
 interface LoadFormProps extends LoadDialogHeaderProps, Omit<LoadDialogTabsContentProps, 'tabIndex' | 'isModification' | 'loadToModify'> {
 }
 export declare function LoadForm({ loadToModify, isModification, voltageLevelOptions, fetchBusesOrBusbarSections, PositionDiagramPane, }: Readonly<LoadFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modifications/load/common/LoadForm.js

@@ -1,16 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
 import { Grid } from "@mui/material";
-import { useFormState } from "react-hook-form";
-import { LoadDialogTabsContent } from "./LoadDialogTabsContent.js";
+import { LoadDialogTab, LOAD_TAB_FIELDS } from "./load.utils.js";
 import { LoadDialogHeader } from "./LoadDialogHeader.js";
-import { LoadDialogTab } from "./load.utils.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 { LoadDialogTabs } from "./LoadDialogTabs.js";
+import { LoadDialogTabsContent } from "./LoadDialogTabsContent.js";
+import { useTabsWithError } from "../../hooks/useTabsWithError.js";
 function LoadForm({
   loadToModify,
   isModification,
@@ -18,24 +12,10 @@ function LoadForm({
   fetchBusesOrBusbarSections,
   PositionDiagramPane
 }) {
-  const [tabIndexesWithError, setTabIndexesWithError] = useState([]);
-  const [tabIndex, setTabIndex] = useState(LoadDialogTab.CONNECTIVITY_TAB);
-  const { errors } = useFormState();
-  useEffect(() => {
-    const tabsInError = [];
-    if (errors?.[FieldConstants.CONNECTIVITY] !== void 0) {
-      tabsInError.push(LoadDialogTab.CONNECTIVITY_TAB);
-    }
-    if (errors?.[FieldConstants.ACTIVE_POWER_SET_POINT] !== void 0 || errors?.[FieldConstants.REACTIVE_POWER_SET_POINT] !== void 0 || errors?.[FieldConstants.ADDITIONAL_PROPERTIES] !== void 0) {
-      tabsInError.push(LoadDialogTab.CHARACTERISTICS_TAB);
-    }
-    if (tabsInError.length > 0) {
-      setTabIndex((currentTabIndex) => {
-        return tabsInError.includes(currentTabIndex) ? currentTabIndex : tabsInError[0];
-      });
-    }
-    setTabIndexesWithError(tabsInError);
-  }, [errors]);
+  const { tabIndex, setTabIndex, tabIndexesWithError } = useTabsWithError(
+    LOAD_TAB_FIELDS,
+    LoadDialogTab.CONNECTIVITY_TAB
+  );
   return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 2, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(LoadDialogHeader, { loadToModify, isModification }) }),
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(

package/dist/components/network-modifications/load/common/index.js

@@ -1,9 +1,10 @@
-import { LoadDialogTab } from "./load.utils.js";
+import { LOAD_TAB_FIELDS, LoadDialogTab } from "./load.utils.js";
 import { LoadDialogTabs } from "./LoadDialogTabs.js";
 import { LoadDialogTabsContent } from "./LoadDialogTabsContent.js";
 import { LoadDialogHeader } from "./LoadDialogHeader.js";
 import { LoadForm } from "./LoadForm.js";
 export {
+  LOAD_TAB_FIELDS,
   LoadDialogHeader,
   LoadDialogTab,
   LoadDialogTabs,

package/dist/components/network-modifications/load/common/load.utils.d.ts

@@ -1,11 +1,7 @@
-/**
- * Copyright (c) 2025, 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 LoadDialogTab: {
-    CONNECTIVITY_TAB: number;
-    CHARACTERISTICS_TAB: number;
-    STATE_ESTIMATION_TAB: number;
-};
+import { FieldConstants } from '../../../../utils';
+export declare enum LoadDialogTab {
+    CONNECTIVITY_TAB = 0,
+    CHARACTERISTICS_TAB = 1,
+    STATE_ESTIMATION_TAB = 2
+}
+export declare const LOAD_TAB_FIELDS: Readonly<Partial<Record<LoadDialogTab, FieldConstants[]>>>;

package/dist/components/network-modifications/load/common/load.utils.js

@@ -1,8 +1,34 @@
-const LoadDialogTab = {
-  CONNECTIVITY_TAB: 0,
-  CHARACTERISTICS_TAB: 1,
-  STATE_ESTIMATION_TAB: 2
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+var LoadDialogTab = /* @__PURE__ */ ((LoadDialogTab2) => {
+  LoadDialogTab2[LoadDialogTab2["CONNECTIVITY_TAB"] = 0] = "CONNECTIVITY_TAB";
+  LoadDialogTab2[LoadDialogTab2["CHARACTERISTICS_TAB"] = 1] = "CHARACTERISTICS_TAB";
+  LoadDialogTab2[LoadDialogTab2["STATE_ESTIMATION_TAB"] = 2] = "STATE_ESTIMATION_TAB";
+  return LoadDialogTab2;
+})(LoadDialogTab || {});
+const LOAD_TAB_FIELDS = {
+  [
+    0
+    /* CONNECTIVITY_TAB */
+  ]: [FieldConstants.CONNECTIVITY],
+  [
+    1
+    /* CHARACTERISTICS_TAB */
+  ]: [
+    FieldConstants.ACTIVE_POWER_SET_POINT,
+    FieldConstants.REACTIVE_POWER_SET_POINT,
+    FieldConstants.ADDITIONAL_PROPERTIES
+  ],
+  [
+    2
+    /* STATE_ESTIMATION_TAB */
+  ]: [FieldConstants.STATE_ESTIMATION]
 };
 export {
+  LOAD_TAB_FIELDS,
   LoadDialogTab
 };

package/dist/components/network-modifications/load/creation/loadCreation.utils.js

@@ -31,6 +31,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

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

@@ -1,4 +1,4 @@
-import { LoadDialogTab } from "./common/load.utils.js";
+import { LOAD_TAB_FIELDS, LoadDialogTab } from "./common/load.utils.js";
 import { LoadDialogTabs } from "./common/LoadDialogTabs.js";
 import { LoadDialogTabsContent } from "./common/LoadDialogTabsContent.js";
 import { LoadDialogHeader } from "./common/LoadDialogHeader.js";
@@ -6,6 +6,7 @@ import { LoadForm } from "./common/LoadForm.js";
 import { loadCreationDtoToForm, loadCreationEmptyFormData, loadCreationFormSchema, loadCreationFormToDto } from "./creation/loadCreation.utils.js";
 import { loadModificationDtoToForm, loadModificationEmptyFormData, loadModificationFormSchema, loadModificationFormToDto } from "./modification/loadModification.utils.js";
 export {
+  LOAD_TAB_FIELDS,
   LoadDialogHeader,
   LoadDialogTab,
   LoadDialogTabs,

package/dist/components/network-modifications/load/modification/loadModification.utils.js

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/substation/creation/SubstationCreationForm.js

@@ -29,6 +29,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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 { CountrySelectionInput } from "../../../inputs/reactHookForm/CountrySelectionInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";

package/dist/components/network-modifications/substation/modification/SubstationModificationForm.js

@@ -27,6 +27,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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 { CountrySelectionInput } from "../../../inputs/reactHookForm/CountrySelectionInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";

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

@@ -1,15 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useFormState, useWatch } from "react-hook-form";
 import { Grid, Tabs, Tab, Box } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import GridItem from "../../../grid/grid-item.js";
+import { useWatch } from "react-hook-form";
 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 "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -29,14 +28,15 @@ import "@material-symbols/svg-400/outlined/arrows_output.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 { VoltageLevelTab } from "./voltageLevel.constants.js";
-import { isSubstationTabError, isCharacteristicsTabError, isStructureTabError, isAdditionalInformationTabError } from "./voltageLevelCreation.utils.js";
+import { VoltageLevelTab, VOLTAGE_LEVEL_TAB_FIELDS } from "./voltageLevel.constants.js";
+import GridItem from "../../../grid/grid-item.js";
 import "./tabs/structureTab/switchesBetweenSections/creation/CreateSwitchesDialog.js";
 import { StructureTab } from "./tabs/structureTab/StructureTab.js";
 import { SubstationTab } from "./tabs/substationTab/SubstationTab.js";
@@ -44,35 +44,16 @@ import { CharacteristicsTab } from "./tabs/characteristicsTab/CharacteristicsTab
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import "../../common/properties/propertyUtils.js";
 import { getTabIndicatorStyle, getTabStyle } from "../../../parameters/parameters-style.js";
+import { useTabsWithError } from "../../hooks/useTabsWithError.js";
 function VoltageLevelCreationForm({
   substationOptions,
   showDeleteSubstationButton = true
 } = {}) {
-  const [tabIndex, setTabIndex] = useState(0);
-  const [tabIndexesWithError, setTabIndexesWithError] = useState([]);
-  const { errors } = useFormState();
+  const { tabIndex, setTabIndex, tabIndexesWithError } = useTabsWithError(
+    VOLTAGE_LEVEL_TAB_FIELDS,
+    VoltageLevelTab.SUBSTATION_TAB
+  );
   const watchHideBusBarSection = useWatch({ name: FieldConstants.HIDE_BUS_BAR_SECTION });
-  useEffect(() => {
-    const tabsInError = [];
-    if (isSubstationTabError(errors)) {
-      tabsInError.push(VoltageLevelTab.SUBSTATION_TAB);
-    }
-    if (isCharacteristicsTabError(errors)) {
-      tabsInError.push(VoltageLevelTab.CHARACTERISTICS_TAB);
-    }
-    if (isStructureTabError(errors)) {
-      tabsInError.push(VoltageLevelTab.STRUCTURE_TAB);
-    }
-    if (isAdditionalInformationTabError(errors)) {
-      tabsInError.push(VoltageLevelTab.ADDITIONAL_INFORMATION_TAB);
-    }
-    if (tabsInError.length > 0) {
-      setTabIndex((currentTabIndex) => {
-        return tabsInError.includes(currentTabIndex) ? currentTabIndex : tabsInError[0];
-      });
-    }
-    setTabIndexesWithError(tabsInError);
-  }, [errors]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { children: /* @__PURE__ */ jsx(

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

@@ -27,6 +27,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";
@@ -35,7 +36,7 @@ import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../../common/properties/propertyUtils.js";
 import { VoltageLevelCreationForm } from "./VoltageLevelCreationForm.js";
-import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, isAdditionalInformationTabError, isCharacteristicsTabError, isStructureTabError, isSubstationTabError, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./voltageLevelCreation.utils.js";
+import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./voltageLevelCreation.utils.js";
 import { SwitchKind } from "./voltageLevelCreation.types.js";
 export {
   SWITCH_TYPE,
@@ -45,10 +46,6 @@ export {
   buildNewBusbarSections,
   getCreateSwitchesEmptyFormData,
   getCreateSwitchesValidationSchema,
-  isAdditionalInformationTabError,
-  isCharacteristicsTabError,
-  isStructureTabError,
-  isSubstationTabError,
   translateSwitchKinds,
   voltageLevelCreationDtoToForm,
   voltageLevelCreationEmptyFormData,

package/dist/components/network-modifications/voltageLevel/creation/tabs/characteristicsTab/CharacteristicsTab.js

@@ -31,6 +31,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

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

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

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

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

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

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

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

@@ -29,6 +29,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

package/dist/components/network-modifications/voltageLevel/creation/tabs/substationTab/SubstationCreationSection.js

@@ -28,6 +28,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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 { CountrySelectionInput } from "../../../../../inputs/reactHookForm/CountrySelectionInput.js";
 import "@react-querybuilder/material";
 import "../../../../../filter/expert/expertFilterConstants.js";

package/dist/components/network-modifications/voltageLevel/creation/tabs/substationTab/SubstationTab.js

@@ -30,6 +30,7 @@ import "@material-symbols/svg-400/outlined/arrows_output.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";

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

@@ -1,12 +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 declare const VoltageLevelTab: {
-    SUBSTATION_TAB: number;
-    CHARACTERISTICS_TAB: number;
-    STRUCTURE_TAB: number;
-    ADDITIONAL_INFORMATION_TAB: number;
-};
+import { FieldConstants } from '../../../../utils';
+export declare enum VoltageLevelTab {
+    SUBSTATION_TAB = 0,
+    CHARACTERISTICS_TAB = 1,
+    STRUCTURE_TAB = 2,
+    ADDITIONAL_INFORMATION_TAB = 3
+}
+export declare const VOLTAGE_LEVEL_TAB_FIELDS: Readonly<Record<VoltageLevelTab, FieldConstants[]>>;