@gridsuite/commons-ui 0.189.0 → 0.190.0

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment-utils.js

@@ -0,0 +1,89 @@
+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";
+import { DataType } from "./assignment.type.js";
+import { FIELD_OPTIONS } from "./assignment-constants.js";
+import * as yup from "yup";
+const getFieldOption = (fieldName) => {
+  return Object.values(FIELD_OPTIONS).find((fieldOption) => fieldOption.id === fieldName);
+};
+const getDataType = (fieldName) => {
+  return getFieldOption(fieldName)?.dataType;
+};
+const getUnsettable = (fieldName) => {
+  return getFieldOption(fieldName)?.settableToNone;
+};
+function getValueSchema(emptyValueStr, dataType, settable_to_none) {
+  let schema;
+  switch (dataType) {
+    case DataType.DOUBLE:
+      schema = settable_to_none ? yup.string().test("is-number-or-none", "NumericValueOrEmptyField", (value) => {
+        return value === emptyValueStr || !Number.isNaN(Number(value));
+      }) : yup.number();
+      break;
+    case DataType.INTEGER:
+      schema = yup.number().integer();
+      break;
+    case DataType.ENUM:
+    case DataType.PROPERTY:
+      schema = yup.string();
+      break;
+    case DataType.BOOLEAN:
+      schema = yup.boolean();
+      break;
+    case DataType.STRING:
+      schema = yup.string();
+      break;
+    default:
+      schema = yup.number();
+  }
+  return schema.required();
+}
+const getAssignmentInitialValue = () => ({
+  [FieldConstants.FILTERS]: [],
+  [FieldConstants.EDITED_FIELD]: null,
+  [FieldConstants.PROPERTY_NAME]: null,
+  [FieldConstants.VALUE]: null
+});
+function getAssignmentsSchema(emptyValueStr) {
+  return yup.array().of(
+    yup.object().shape({
+      [FieldConstants.FILTERS]: yup.array().of(
+        yup.object().shape({
+          [FieldConstants.ID]: yup.string().required(),
+          [FieldConstants.NAME]: yup.string().required()
+        })
+      ).required().min(1, "YupRequired"),
+      [FieldConstants.EDITED_FIELD]: yup.string().required(),
+      [FieldConstants.PROPERTY_NAME]: yup.string().when([FieldConstants.EDITED_FIELD], ([editedField], schema) => {
+        const dataType = getDataType(editedField);
+        if (dataType === DataType.PROPERTY) {
+          return schema.required();
+        }
+        return schema.nullable();
+      }),
+      [FieldConstants.VALUE]: yup.mixed().when([FieldConstants.EDITED_FIELD], ([editedField]) => {
+        const dataType = getDataType(editedField);
+        const unsettable = getUnsettable(editedField);
+        return getValueSchema(emptyValueStr, dataType, unsettable);
+      }).required()
+    })
+  ).required();
+}
+function getAssignmentFromEditData(assignment) {
+  return {
+    ...assignment,
+    [FieldConstants.FILTERS]: assignment.filters.map((filter) => ({ ...filter }))
+  };
+}
+export {
+  getAssignmentFromEditData,
+  getAssignmentInitialValue,
+  getAssignmentsSchema,
+  getDataType,
+  getFieldOption,
+  getUnsettable
+};

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment.type.d.ts

@@ -0,0 +1,28 @@
+import { Option } from '../../../../../utils';
+import { Filter } from '../../commons/by-filter.type';
+export declare enum DataType {
+    ENUM = "ENUM",
+    BOOLEAN = "BOOLEAN",
+    INTEGER = "INTEGER",
+    DOUBLE = "DOUBLE",
+    PROPERTY = "PROPERTY",
+    STRING = "STRING"
+}
+export type FieldOptionType = {
+    id: string;
+    label: string;
+    unit?: string;
+    dataType: DataType;
+    settableToNone?: boolean;
+    values?: Option[];
+    outputConverter?: (value: number) => number | undefined;
+    inputConverter?: (value: number) => number | undefined;
+};
+export type Assignment = {
+    filters: Filter[];
+    editedField: string;
+    dataType: DataType;
+    value: string | number | boolean;
+    propertyName?: string;
+};
+export type FieldValue = string | number | boolean;

package/dist/components/network-modifications/by-filter/assignment/assignment/assignment.type.js

@@ -0,0 +1,12 @@
+var DataType = /* @__PURE__ */ ((DataType2) => {
+  DataType2["ENUM"] = "ENUM";
+  DataType2["BOOLEAN"] = "BOOLEAN";
+  DataType2["INTEGER"] = "INTEGER";
+  DataType2["DOUBLE"] = "DOUBLE";
+  DataType2["PROPERTY"] = "PROPERTY";
+  DataType2["STRING"] = "STRING";
+  return DataType2;
+})(DataType || {});
+export {
+  DataType
+};

package/dist/components/network-modifications/by-filter/assignment/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './modification-by-assignment-form';
+export * from './modificationByAssignment.types';
+export * from './modificationByAssignment.utils';
+export { DataType as AssignmentDataType, type FieldValue as AssignmentFieldValue } from './assignment/assignment.type';

package/dist/components/network-modifications/by-filter/assignment/index.js

@@ -0,0 +1,11 @@
+import { ModificationByAssignmentForm } from "./modification-by-assignment-form.js";
+import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./modificationByAssignment.utils.js";
+import { DataType } from "./assignment/assignment.type.js";
+export {
+  DataType as AssignmentDataType,
+  ModificationByAssignmentForm,
+  emptyModificationByAssignmentFormData,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto
+};

package/dist/components/network-modifications/by-filter/assignment/modification-by-assignment-form.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 declare function ModificationByAssignmentForm(): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modifications/by-filter/assignment/modification-by-assignment-form.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Grid } from "@mui/material";
+import { useFormContext } from "react-hook-form";
+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 { mergeSx } from "../../../../utils/styles.js";
+import "../../../../utils/yupConfig.js";
+import "react";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { useGetLabelEquipmentTypes } from "../../../../hooks/useGetLabelEquipmentTypes.js";
+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 "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import { SelectWithConfirmationInput } from "../../../inputs/reactHookForm/selectInputs/SelectWithConfirmationInput.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { ExpandableInput } from "../../../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 { unscrollableDialogStyles } from "../../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import GridItem from "../../../grid/grid-item.js";
+import AssignmentForm from "./assignment/assignment-form.js";
+import { getAssignmentInitialValue } from "./assignment/assignment-utils.js";
+import { EQUIPMENTS_FIELDS } from "./assignment/assignment-constants.js";
+const EQUIPMENT_TYPE_OPTIONS = Object.keys(EQUIPMENTS_FIELDS);
+function ModificationByAssignmentForm() {
+  const { setValue, getValues } = useFormContext();
+  const getOptionLabel = useGetLabelEquipmentTypes();
+  const getEquipmentTypeOptionLabel = (option) => {
+    if (!option || typeof option !== "string") {
+      return "";
+    }
+    return getOptionLabel(option);
+  };
+  const equipmentTypeField = /* @__PURE__ */ jsx(
+    SelectWithConfirmationInput,
+    {
+      name: FieldConstants.EQUIPMENT_TYPE,
+      label: "EquipmentType",
+      options: EQUIPMENT_TYPE_OPTIONS,
+      onValidate: () => {
+        setValue(
+          FieldConstants.ASSIGNMENTS,
+          getValues(FieldConstants.ASSIGNMENTS).map(() => ({
+            ...getAssignmentInitialValue()
+          }))
+        );
+      },
+      getOptionLabel: getEquipmentTypeOptionLabel
+    }
+  );
+  const assignmentsField = /* @__PURE__ */ jsx(
+    ExpandableInput,
+    {
+      name: FieldConstants.ASSIGNMENTS,
+      Field: AssignmentForm,
+      addButtonLabel: "addNewAssignment",
+      initialValue: getAssignmentInitialValue()
+    }
+  );
+  return /* @__PURE__ */ jsxs(Box, { sx: mergeSx(unscrollableDialogStyles.unscrollableContainer, { height: "100%" }), children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.unscrollableHeader, children: /* @__PURE__ */ jsx(GridItem, { size: 3.15, children: equipmentTypeField }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, sx: unscrollableDialogStyles.scrollableContent, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: assignmentsField }) })
+  ] });
+}
+export {
+  ModificationByAssignmentForm
+};

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.types.d.ts

@@ -0,0 +1,7 @@
+import { EquipmentType, ModificationType } from '../../../../utils';
+import { Assignment } from './assignment/assignment.type';
+export interface ModificationByAssignmentDto {
+    type: ModificationType.MODIFICATION_BY_ASSIGNMENT;
+    equipmentType: EquipmentType;
+    assignmentInfosList: Assignment[];
+}

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.types.js

@@ -0,0 +1 @@
+

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.utils.d.ts

@@ -0,0 +1,22 @@
+import { InferType } from 'yup';
+import { DeepNullable, EquipmentType, yupConfig as yup } from '../../../../utils';
+import { ModificationByAssignmentDto } from './modificationByAssignment.types';
+export declare const modificationByAssignmentFormSchema: yup.ObjectSchema<{
+    equipmentType: NonNullable<EquipmentType | undefined>;
+    assignments: {
+        propertyName?: string | undefined;
+        editedField: string;
+        filters: {
+            id: string;
+            name: string;
+        }[];
+        value: NonNullable<import('.').AssignmentFieldValue | undefined>;
+    }[];
+}, yup.AnyObject, {
+    equipmentType: undefined;
+    assignments: "";
+}, "">;
+export type ModificationByAssignmentFormData = InferType<typeof modificationByAssignmentFormSchema>;
+export declare const emptyModificationByAssignmentFormData: DeepNullable<ModificationByAssignmentFormData>;
+export declare const modificationByAssignmentDtoToForm: (dto: ModificationByAssignmentDto) => ModificationByAssignmentFormData;
+export declare const modificationByAssignmentFormToDto: (formData: ModificationByAssignmentFormData) => ModificationByAssignmentDto;

package/dist/components/network-modifications/by-filter/assignment/modificationByAssignment.utils.js

@@ -0,0 +1,55 @@
+import * as yup from "yup";
+import { mixed } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { convertInputValue, convertOutputValue } from "../../../../utils/conversionUtils.js";
+import { EquipmentType } from "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import { FieldType } from "../../../../utils/types/fieldType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+import { getAssignmentsSchema, getAssignmentInitialValue, getAssignmentFromEditData, getDataType } from "./assignment/assignment-utils.js";
+import { DataType } from "./assignment/assignment.type.js";
+const emptyValueStr = "—";
+const modificationByAssignmentFormSchema = yup.object().shape({
+  [FieldConstants.EQUIPMENT_TYPE]: mixed().oneOf(Object.values(EquipmentType)).required(),
+  [FieldConstants.ASSIGNMENTS]: getAssignmentsSchema(emptyValueStr)
+}).required();
+const emptyModificationByAssignmentFormData = {
+  [FieldConstants.EQUIPMENT_TYPE]: null,
+  [FieldConstants.ASSIGNMENTS]: [getAssignmentInitialValue()]
+};
+const modificationByAssignmentDtoToForm = (dto) => ({
+  [FieldConstants.EQUIPMENT_TYPE]: dto.equipmentType,
+  [FieldConstants.ASSIGNMENTS]: dto.assignmentInfosList?.map((info) => {
+    const assignment = getAssignmentFromEditData(info);
+    const fieldKey = assignment.editedField;
+    const field = FieldType[fieldKey];
+    const { value } = assignment;
+    const valueConverted = convertInputValue(field, value);
+    return {
+      ...assignment,
+      value: valueConverted !== 0 && !valueConverted ? emptyValueStr : valueConverted
+    };
+  }) ?? [getAssignmentInitialValue()]
+});
+const modificationByAssignmentFormToDto = (formData) => ({
+  type: ModificationType.MODIFICATION_BY_ASSIGNMENT,
+  equipmentType: formData.equipmentType,
+  assignmentInfosList: formData.assignments.map((assignment) => {
+    const fieldKey = assignment.editedField;
+    const field = FieldType[fieldKey];
+    const value = assignment.value === emptyValueStr ? "" : assignment.value;
+    return {
+      ...assignment,
+      dataType: getDataType(assignment.editedField) ?? DataType.STRING,
+      value: convertOutputValue(field, value)
+    };
+  })
+});
+export {
+  emptyModificationByAssignmentFormData,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto
+};

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

@@ -5,3 +5,4 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './deletion';
+export * from './assignment';

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

@@ -1,10 +1,19 @@
 import { ByFilterDeletionForm } from "./deletion/ByFilterDeletionForm.js";
 import { EQUIPMENT_TYPE_ORDER, byFilterDeletionDtoToForm, byFilterDeletionFormSchema, byFilterDeletionFormToDto, emptyFormData } from "./deletion/byFilterDeletion.utils.js";
+import { ModificationByAssignmentForm } from "./assignment/modification-by-assignment-form.js";
+import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./assignment/modificationByAssignment.utils.js";
+import { DataType } from "./assignment/assignment/assignment.type.js";
 export {
+  DataType as AssignmentDataType,
   ByFilterDeletionForm,
   EQUIPMENT_TYPE_ORDER,
+  ModificationByAssignmentForm,
   byFilterDeletionDtoToForm,
   byFilterDeletionFormSchema,
   byFilterDeletionFormToDto,
-  emptyFormData
+  emptyFormData,
+  emptyModificationByAssignmentFormData,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto
 };

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";
@@ -59,11 +60,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 +73,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 +85,13 @@ export {
   EQUIPMENT_TYPE_ORDER,
   EquipmentDeletionForm,
   HvdcLccDeletionSpecificForm,
+  LOAD_TAB_FIELDS,
   LoadDialogHeader,
   LoadDialogTab,
   LoadDialogTabs,
   LoadDialogTabsContent,
   LoadForm,
+  ModificationByAssignmentForm,
   PowerMeasurementsForm,
   PowerWithValidityForm,
   PropertiesForm,
@@ -107,6 +114,7 @@ export {
   createPropertyModification,
   creationPropertiesSchema,
   emptyFormData,
+  emptyModificationByAssignmentFormData,
   emptyProperties,
   equipmentDeletionDtoToForm,
   equipmentDeletionEmptyFormData,
@@ -158,10 +166,6 @@ export {
   getSetPointsEmptyFormData,
   getSetPointsSchema,
   initializedProperty,
-  isAdditionalInformationTabError,
-  isCharacteristicsTabError,
-  isStructureTabError,
-  isSubstationTabError,
   italicFontTextField,
   loadCreationDtoToForm,
   loadCreationEmptyFormData,
@@ -172,6 +176,9 @@ export {
   loadModificationFormSchema,
   loadModificationFormToDto,
   mergeModificationAndEquipmentProperties,
+  modificationByAssignmentDtoToForm,
+  modificationByAssignmentFormSchema,
+  modificationByAssignmentFormToDto,
   modificationPropertiesSchema,
   newEquipmentDeletionDto,
   standardTextField,
@@ -187,6 +194,7 @@ export {
   toModificationProperties,
   translateSwitchKinds,
   useHvdcLccDeletion,
+  useTabsWithError,
   voltageLevelCreationDtoToForm,
   voltageLevelCreationEmptyFormData,
   voltageLevelCreationFormSchema,

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[]>>>;