@gridsuite/commons-ui 0.222.0 → 0.224.0

package/dist/components/ui/directoryItemSelector/DirectoryItemSelector.d.ts

@@ -6,6 +6,7 @@ export interface DirectoryItemSelectorProps extends TreeViewFinderProps {
     equipmentTypes?: string[];
     itemFilter?: (val: ElementAttributes) => boolean;
     expanded?: UUID[];
+    inline?: boolean;
     selected?: UUID[];
 }
-export declare function DirectoryItemSelector({ open, types, equipmentTypes, itemFilter, expanded, selected, onClose, ...otherTreeViewFinderProps }: Readonly<DirectoryItemSelectorProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DirectoryItemSelector({ open, inline, types, equipmentTypes, itemFilter, expanded, selected, onClose, ...otherTreeViewFinderProps }: Readonly<DirectoryItemSelectorProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/directoryItemSelector/DirectoryItemSelector.js

@@ -5,10 +5,10 @@ import { snackWithFallback } from "../../../utils/error.js";
 import { arraysContainIdenticalStrings } from "../../../utils/functions.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
-import { fetchRootFolders, fetchDirectoryContent } from "../../../services/directory.js";
 import { getFileIcon } from "../../../utils/mapper/getFileIcon.js";
 import { TreeViewFinder } from "../treeViewFinder/TreeViewFinder.js";
 import "react-intl";
+import { fetchRootFolders, fetchDirectoryContent } from "../../../services/directory.js";
 import { fetchElementsInfos } from "../../../services/explore.js";
 import "@mui/material";
 import "localized-countries";
@@ -112,6 +112,7 @@ function sortHandlingDirectories(a, b) {
 }
 function DirectoryItemSelector({
   open,
+  inline,
   types,
   equipmentTypes,
   itemFilter,
@@ -290,6 +291,7 @@ function DirectoryItemSelector({
       sortMethod: sortHandlingDirectories,
       multiSelect: true,
       open,
+      inline,
       expanded: autoExpandedNodes,
       onlyLeaves: true,
       selected,

package/dist/components/ui/directoryItemSelector/utils.js

@@ -2,10 +2,10 @@ import { LAST_SELECTED_DIRECTORY, COMMON_APP_NAME } from "../../../utils/constan
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
 import { updateConfigParameter } from "../../../services/config.js";
+import { fetchDirectoryElementPath } from "../../../services/directory.js";
 function getLastSelectedDirectoryId() {
   const lastSelectedDirId = localStorage.getItem(LAST_SELECTED_DIRECTORY);
   if (!lastSelectedDirId || lastSelectedDirId === "null") {

package/dist/components/ui/reactHookForm/DirectoryItemsInput.js

@@ -12,9 +12,9 @@ import { MidFormError } from "./errorManagement/MidFormError.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { ArrayAction } from "../../../utils/types/types.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import { getEquipmentTypeShortLabel } from "../../../utils/labelUtils.js";
 import { mergeSx } from "../../../utils/styles.js";
+import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/ui/treeViewFinder/TreeViewFinder.d.ts

@@ -35,5 +35,7 @@ export interface TreeViewFinderProps {
     data?: TreeViewFinderNodeProps[];
     onTreeBrowse?: (itemId: string) => void;
     sortMethod?: (a: TreeViewFinderNodeProps, b: TreeViewFinderNodeProps) => number;
+    inline?: boolean;
+    onSelectionChange?: (nodes: TreeViewFinderNodeProps[]) => void;
 }
 export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<Readonly<TreeViewFinderProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/ui/treeViewFinder/TreeViewFinder.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { useIntl } from "react-intl";
-import { styled, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Typography } from "@mui/material";
+import { styled, Button, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Typography } from "@mui/material";
 import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
 import { ExpandMore, ChevronRight, Check } from "@mui/icons-material";
 import { toNestedGlobalSelectors, makeComposeClasses } from "../../../utils/styles.js";
@@ -60,7 +60,9 @@ function TreeViewFinderComponant(props) {
     className,
     cancelButtonProps,
     selected: selectedProp,
-    expanded: expandedProp
+    expanded: expandedProp,
+    inline = false,
+    onSelectionChange
   } = props;
   const [mapPrintedNodes, setMapPrintedNodes] = useState({});
   const [expanded, setExpanded] = useState(defaultExpanded ?? []);
@@ -171,15 +173,21 @@ function TreeViewFinderComponant(props) {
     }
   }, [expanded, selectedProp, expandedProp, data, autoScrollAllowed]);
   const handleNodeSelect = (_e, values) => {
+    let newSelected = [];
     if (multiSelect && Array.isArray(values)) {
-      setSelected(values.filter((itemId) => isSelectable(mapPrintedNodes[itemId])));
+      newSelected = values.filter((itemId) => isSelectable(mapPrintedNodes[itemId]));
     } else if (typeof values === "string") {
       if (selected?.includes(values)) {
-        setSelected([]);
+        newSelected = [];
       } else {
-        setSelected(isSelectable(mapPrintedNodes[values]) ? [values] : []);
+        newSelected = isSelectable(mapPrintedNodes[values]) ? [values] : [];
       }
     }
+    setSelected(newSelected);
+    if (inline && onSelectionChange) {
+      const nodes = newSelected.map((itemId) => mapPrintedNodes[itemId]).filter(Boolean);
+      onSelectionChange(nodes);
+    }
   };
   const getValidationButtonText = () => {
     if (validationButtonText) {
@@ -270,6 +278,43 @@ function TreeViewFinderComponant(props) {
       selected: selected ?? []
     };
   };
+  const renderTreeView = /* @__PURE__ */ jsx(
+    SimpleTreeView,
+    {
+      expandedItems: expanded,
+      onExpandedItemsChange: handleNodeToggle,
+      onSelectedItemsChange: handleNodeSelect,
+      ...getTreeViewSelectionProps(),
+      children: data && Array.isArray(data) ? data.sort(sortMethod).map((child) => renderTree(child)) : null
+    }
+  );
+  const handleCancel = () => {
+    onClose?.([]);
+    setSelected([]);
+    setAutoScrollAllowed(true);
+  };
+  const handleValidate = () => {
+    onClose?.(computeSelectedNodes());
+    setSelected([]);
+    setAutoScrollAllowed(true);
+  };
+  const actionButtons = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CancelButton, { style: { float: "left", margin: "5px" }, onClick: handleCancel, ...cancelButtonProps }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        style: { float: "left", margin: "5px" },
+        onClick: handleValidate,
+        disabled: isValidationDisabled(),
+        "data-testid": "SubmitButton",
+        children: getValidationButtonText()
+      }
+    )
+  ] });
+  if (inline) {
+    return /* @__PURE__ */ jsx("div", { className, "data-testid": "InlineTreeViewFinder", children: renderTreeView });
+  }
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
@@ -291,46 +336,9 @@ function TreeViewFinderComponant(props) {
         /* @__PURE__ */ jsx(DialogTitle, { id: "TreeViewFindertitle", "data-testid": "DialogTitle", children: title ?? intl.formatMessage({ id: "treeview_finder/finderTitle" }, { multiSelect }) }),
         /* @__PURE__ */ jsxs(DialogContent, { children: [
           /* @__PURE__ */ jsx(DialogContentText, { children: contentText ?? intl.formatMessage({ id: "treeview_finder/contentText" }, { multiSelect }) }),
-          /* @__PURE__ */ jsx(
-            SimpleTreeView,
-            {
-              expandedItems: expanded,
-              onExpandedItemsChange: handleNodeToggle,
-              onSelectedItemsChange: handleNodeSelect,
-              ...getTreeViewSelectionProps(),
-              children: data && Array.isArray(data) ? data.sort(sortMethod).map((child) => renderTree(child)) : null
-            }
-          )
+          renderTreeView
         ] }),
-        /* @__PURE__ */ jsxs(DialogActions, { children: [
-          /* @__PURE__ */ jsx(
-            CancelButton,
-            {
-              style: { float: "left", margin: "5px" },
-              onClick: () => {
-                onClose?.([]);
-                setSelected([]);
-                setAutoScrollAllowed(true);
-              },
-              ...cancelButtonProps
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outlined",
-              style: { float: "left", margin: "5px" },
-              onClick: () => {
-                onClose?.(computeSelectedNodes());
-                setSelected([]);
-                setAutoScrollAllowed(true);
-              },
-              disabled: isValidationDisabled(),
-              "data-testid": "SubmitButton",
-              children: getValidationButtonText()
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx(DialogActions, { children: actionButtons })
       ]
     }
   );

package/dist/features/index.js

@@ -155,6 +155,8 @@ import { EQUIPMENT_TYPE_ORDER, byFilterDeletionDtoToForm, byFilterDeletionFormSc
 import { ModificationByAssignmentForm } from "./network-modifications/by-filter/assignment/modification-by-assignment-form.js";
 import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./network-modifications/by-filter/assignment/modificationByAssignment.utils.js";
 import { DataType } from "./network-modifications/by-filter/assignment/assignment/assignment.type.js";
+import { generatorCreationDtoToForm, generatorCreationEmptyFormData, generatorCreationFormSchema, generatorCreationFormToDto } from "./network-modifications/generator/creation/generatorCreation.utils.js";
+import { GeneratorCreationForm } from "./network-modifications/generator/creation/GeneratorCreationForm.js";
 import { batteryCreationDtoToForm, batteryCreationEmptyFormData, batteryCreationFormSchema, batteryCreationFormToDto } from "./network-modifications/battery/creation/batteryCreation.utils.js";
 import { BatteryCreationForm } from "./network-modifications/battery/creation/BatteryCreationForm.js";
 import { batteryModificationDtoToForm, batteryModificationEmptyFormData, batteryModificationFormSchema, batteryModificationFormToDto } from "./network-modifications/battery/modification/batteryModification.utils.js";
@@ -188,7 +190,7 @@ import { SelectHeaderCell } from "./network-modification-table/renderers/select-
 import { SwitchCell } from "./network-modification-table/renderers/switch-cell.js";
 import { DragCloneRow } from "./network-modification-table/row/drag-row-clone.js";
 import { ModificationRow } from "./network-modification-table/row/modification-row.js";
-import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
 import { AnnouncementBanner } from "./announcement/AnnouncementBanner.js";
 import { AnnouncementNotification } from "./announcement/AnnouncementNotification.js";
 import { useGlobalAnnouncement } from "./announcement/useGlobalAnnouncement.js";
@@ -281,6 +283,7 @@ export {
   GENERAL,
   GENERAL_APPLY_MODIFICATIONS,
   GENERATORS_SELECTION_TYPE,
+  GeneratorCreationForm,
   GridLogo,
   HIGH_VOLTAGE_LIMIT,
   HVDC_AC_EMULATION,
@@ -523,9 +526,14 @@ export {
   fetchSubModificationsForExpandedRows,
   filledTextField,
   findAllLoadedCompositeModifications,
+  findDepth,
   findModificationInTree,
   formatComputingTypeLabel,
   formatToComposedModification,
+  generatorCreationDtoToForm,
+  generatorCreationEmptyFormData,
+  generatorCreationFormSchema,
+  generatorCreationFormToDto,
   getActivePowerControlEmptyFormData,
   getActivePowerControlSchema,
   getActivePowerSetPointSchema,

package/dist/features/network-modification-table/index.js

@@ -14,7 +14,7 @@ import { SelectHeaderCell } from "./renderers/select-header-cell.js";
 import { SwitchCell } from "./renderers/switch-cell.js";
 import { DragCloneRow } from "./row/drag-row-clone.js";
 import { ModificationRow } from "./row/modification-row.js";
-import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
 export {
   AUTO_EXTENSIBLE_COLUMNS,
   BASE_MODIFICATION_TABLE_COLUMNS,
@@ -60,6 +60,7 @@ export {
   createRowSx,
   fetchSubModificationsForExpandedRows,
   findAllLoadedCompositeModifications,
+  findDepth,
   findModificationInTree,
   formatToComposedModification,
   isCompositeModification,

package/dist/features/network-modification-table/network-modifications-table.d.ts

@@ -9,9 +9,11 @@ interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorN
     isRowDragDisabled?: boolean;
     onRowDragStart: () => void;
     onRowDragEnd: () => void;
-    onRowSelected: (selectedRows: ComposedModificationMetadata[]) => void;
+    onSelectedRowsChange: (selectedRows: ComposedModificationMetadata[], isAssemblyDepthExceeded: boolean) => void;
     columns: ColumnDef<ComposedModificationMetadata>[];
     highlightedModificationUuid: UUID | null;
+    modificationUuidsToReset?: UUID[];
+    modificationToEditLabel: UUID | null;
     studyUuid: UUID | null;
     currentNodeId?: UUID;
     currentRootNetworkUuid?: UUID;
@@ -20,5 +22,5 @@ interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorN
     setModificationsToExclude?: Dispatch<SetStateAction<ExcludedNetworkModifications[]>>;
     isDisabled?: boolean;
 }
-export declare function NetworkModificationsTable({ modifications, handleCellClick, isRowDragDisabled, onRowDragStart, onRowDragEnd, onRowSelected, columns, highlightedModificationUuid, studyUuid, currentNodeId, currentRootNetworkUuid, rootNetworks, modificationsToExclude, setModificationsToExclude, isDisabled, isImpactedByNotification, notificationMessageId, isFetchingModifications, pendingState, }: Readonly<NetworkModificationsTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkModificationsTable({ modifications, handleCellClick, isRowDragDisabled, onRowDragStart, onRowDragEnd, onSelectedRowsChange, columns, highlightedModificationUuid, modificationToEditLabel, modificationUuidsToReset, studyUuid, currentNodeId, currentRootNetworkUuid, rootNetworks, modificationsToExclude, setModificationsToExclude, isDisabled, isImpactedByNotification, notificationMessageId, isFetchingModifications, pendingState, }: Readonly<NetworkModificationsTableProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/network-modification-table/network-modifications-table.js

@@ -8,7 +8,7 @@ import { MODIFICATION_ROW_HEIGHT, networkModificationTableStyles, createHeaderCe
 import { AUTO_EXTENSIBLE_COLUMNS } from "./columns-definition.js";
 import { useModificationsDragAndDrop } from "./use-modifications-drag-and-drop.js";
 import { useModificationsSelection } from "./use-modifications-selection.js";
-import { formatToComposedModification, mergeSubModificationsIntoTree, findAllLoadedCompositeModifications, fetchSubModificationsForExpandedRows, isCompositeModification } from "./utils.js";
+import { formatToComposedModification, findDepth, MAX_COMPOSITE_NESTING_DEPTH, mergeSubModificationsIntoTree, findAllLoadedCompositeModifications, fetchSubModificationsForExpandedRows, isCompositeModification } from "./utils.js";
 import "@mui/icons-material";
 import "react-intl";
 import "../../utils/conversionUtils.js";
@@ -24,9 +24,11 @@ function NetworkModificationsTable({
   isRowDragDisabled = false,
   onRowDragStart,
   onRowDragEnd,
-  onRowSelected,
+  onSelectedRowsChange,
   columns,
   highlightedModificationUuid,
+  modificationToEditLabel,
+  modificationUuidsToReset,
   studyUuid = null,
   currentNodeId = void 0,
   currentRootNetworkUuid,
@@ -45,9 +47,24 @@ function NetworkModificationsTable({
   const [composedModifications, setComposedModifications] = useState(
     formatToComposedModification(modifications)
   );
+  const composedModificationsRef = useRef(composedModifications);
+  useEffect(() => {
+    composedModificationsRef.current = composedModifications;
+  }, [composedModifications]);
+  const isAssemblyDepthExceeded = useCallback((rows2) => {
+    if (rows2.length === 0) return false;
+    const firstSelectedRowDepth = findDepth(composedModificationsRef.current, rows2[0].uuid);
+    return rows2.some((row) => firstSelectedRowDepth + (row.maxDepth ?? 0) >= MAX_COMPOSITE_NESTING_DEPTH);
+  }, []);
+  const handleRowSelected = useCallback(
+    (selectedRows) => {
+      onSelectedRowsChange(selectedRows, isAssemblyDepthExceeded(selectedRows));
+    },
+    [onSelectedRowsChange, isAssemblyDepthExceeded]
+  );
   const { rowSelection, onRowSelectionChange, lastClickedRowId, emitSelection } = useModificationsSelection({
     modifications: composedModifications,
-    onRowSelected
+    onRowSelected: handleRowSelected
   });
   useEffect(() => {
     setComposedModifications((prevMods) => {
@@ -91,8 +108,9 @@ function NetworkModificationsTable({
       },
       interaction: {
         lastClickedRowId,
-        onRowSelected,
-        isRowDragDisabled
+        onRowSelected: handleRowSelected,
+        isRowDragDisabled,
+        modificationToEditLabel
       },
       status: {
         isImpactedByNotification,
@@ -111,7 +129,8 @@ function NetworkModificationsTable({
       modificationsToExclude,
       setModificationsToExclude,
       lastClickedRowId,
-      onRowSelected,
+      handleRowSelected,
+      modificationToEditLabel,
       isRowDragDisabled,
       isImpactedByNotification,
       notificationMessageId,
@@ -156,6 +175,35 @@ function NetworkModificationsTable({
     studyUuid,
     currentNodeUuid: currentNodeId
   });
+  useEffect(() => {
+    if (!modificationUuidsToReset?.length) {
+      return;
+    }
+    table.resetRowSelection();
+    const uuidsToReset = new Set(modificationUuidsToReset);
+    const collectAll = (mod) => {
+      uuidsToReset.add(mod.uuid);
+      mod.subModifications?.forEach(collectAll);
+    };
+    const collectDescendants = (mods) => {
+      mods.forEach((mod) => {
+        if (uuidsToReset.has(mod.uuid)) {
+          mod.subModifications?.forEach(collectAll);
+        } else {
+          collectDescendants(mod.subModifications ?? []);
+        }
+      });
+    };
+    collectDescendants(composedModificationsRef.current);
+    setExpanded((prev) => {
+      if (prev === true) {
+        return prev;
+      }
+      const next = { ...prev };
+      uuidsToReset.forEach((uuid) => delete next[uuid]);
+      return next;
+    });
+  }, [modificationUuidsToReset, table]);
   useEffect(() => {
     table.resetRowSelection();
     table.resetExpanded();

package/dist/features/network-modification-table/renderers/cell-renderers.d.ts

@@ -15,7 +15,7 @@ export declare function DragHandleRenderer({ table }: CCtx): import("react/jsx-r
 export declare function SelectHeaderRenderer({ table }: HCtx): import("react/jsx-runtime").JSX.Element;
 export declare function SelectCellRenderer({ row, table }: CCtx): import("react/jsx-runtime").JSX.Element;
 export declare function NameHeaderRenderer({ table }: HCtx): import("react/jsx-runtime").JSX.Element;
-export declare function NameCellRenderer({ row, column }: CCtx): import("react/jsx-runtime").JSX.Element;
+export declare function NameCellRenderer({ row, table, column }: CCtx): import("react/jsx-runtime").JSX.Element;
 export declare function DescriptionCellRenderer({ row, table }: CCtx): import("react/jsx-runtime").JSX.Element;
 export declare function SwitchCellRenderer({ row, table }: CCtx): import("react/jsx-runtime").JSX.Element;
 export declare function RootNetworkHeaderRenderer({ column, table }: HCtx): import("react/jsx-runtime").JSX.Element | null;

package/dist/features/network-modification-table/renderers/cell-renderers.js

@@ -33,8 +33,8 @@ function NameHeaderRenderer({ table }) {
     }
   );
 }
-function NameCellRenderer({ row, column }) {
-  return /* @__PURE__ */ jsx(NameCell, { row, onChange: column.columnDef.meta?.onChange });
+function NameCellRenderer({ row, table, column }) {
+  return /* @__PURE__ */ jsx(NameCell, { row, table, onChange: column.columnDef.meta?.onChange });
 }
 function DescriptionCellRenderer({ row, table }) {
   const { meta } = table.options;

package/dist/features/network-modification-table/renderers/name-cell.d.ts

@@ -1,8 +1,9 @@
-import { Row } from '@tanstack/react-table';
+import { Row, Table } from '@tanstack/react-table';
 import { ComposedModificationMetadata } from '../../../utils';
 interface NameCellProps {
     row: Row<ComposedModificationMetadata>;
+    table: Table<ComposedModificationMetadata>;
     onChange?: (modification: ComposedModificationMetadata, newValue: string) => Promise<unknown>;
 }
-export declare function NameCell({ row, onChange }: Readonly<NameCellProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NameCell({ row, table, onChange }: Readonly<NameCellProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/network-modification-table/renderers/name-cell.js

@@ -25,13 +25,14 @@ function measureTextPx(text, font) {
   }
   return text.length * 8;
 }
-function NameCell({ row, onChange }) {
+function NameCell({ row, table, onChange }) {
   const intl = useIntl();
   const theme = useTheme();
   const { computeLabel } = useModificationLabelComputer();
   const { snackError } = useSnackMessage();
   const { depth } = row;
   const isComposite = isCompositeModification(row.original);
+  const modificationToEditLabel = table.options.meta?.interaction.modificationToEditLabel;
   const getModificationLabel = useCallback(
     (modification, formatBold = true) => {
       return intl.formatMessage(
@@ -90,24 +91,32 @@ function NameCell({ row, onChange }) {
     }
     stopEditing();
   }, [compositeName, draftName, updateName, stopEditing]);
+  const beginEditingName = useCallback((originalName) => {
+    setDraftName(originalName);
+    if (labelRef.current) {
+      const style = globalThis.getComputedStyle(labelRef.current);
+      const font = `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+      const px = originalName.length >= MIN_CHAR_WIDTH ? measureTextPx(originalName, font) + 20 : measureTextPx("a".repeat(MIN_CHAR_WIDTH), font) + 20;
+      setInputBaseWidthPx(px);
+    }
+    isEditingRef.current = true;
+    setIsEditing(true);
+    requestAnimationFrame(() => {
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    });
+  }, []);
+  useEffect(() => {
+    if (isComposite && modificationToEditLabel === row.original.uuid) {
+      beginEditingName(intl.formatMessage({ id: "CompositeModification" }));
+    }
+  }, [modificationToEditLabel, intl, isComposite, row.original.uuid, beginEditingName]);
   const handleLabelClick = useCallback(
     (e) => {
       e.stopPropagation();
-      setDraftName(compositeName);
-      if (labelRef.current) {
-        const style = globalThis.getComputedStyle(labelRef.current);
-        const font = `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
-        const px = compositeName.length >= MIN_CHAR_WIDTH ? measureTextPx(compositeName, font) + 20 : measureTextPx("a".repeat(MIN_CHAR_WIDTH), font) + 20;
-        setInputBaseWidthPx(px);
-      }
-      isEditingRef.current = true;
-      setIsEditing(true);
-      requestAnimationFrame(() => {
-        inputRef.current?.focus();
-        inputRef.current?.select();
-      });
+      beginEditingName(compositeName);
     },
-    [compositeName]
+    [beginEditingName, compositeName]
   );
   const handleKeyDown = useCallback(
     (e) => {

package/dist/features/network-modification-table/utils.d.ts

@@ -4,6 +4,7 @@ import { ComposedModificationMetadata, NetworkModificationMetadata } from '../..
 export declare const MAX_COMPOSITE_NESTING_DEPTH = 5;
 export declare const formatToComposedModification: (modifications: NetworkModificationMetadata[]) => ComposedModificationMetadata[];
 export declare function isCompositeModification(modification: ComposedModificationMetadata | undefined): boolean;
+export declare function findDepth(mods: ComposedModificationMetadata[], uuid: UUID, currentDepth?: number): number;
 /**
  *
  * @param modifications source where the composite modifications are looked for

package/dist/features/network-modification-table/utils.js

@@ -11,6 +11,16 @@ const formatToComposedModification = (modifications) => {
 function isCompositeModification(modification) {
   return modification?.messageType === MODIFICATION_TYPES.COMPOSITE_MODIFICATION.type;
 }
+function findDepth(mods, uuid, currentDepth = 0) {
+  for (const mod of mods) {
+    if (mod.uuid === uuid) return currentDepth;
+    if (mod.subModifications?.length) {
+      const found = findDepth(mod.subModifications, uuid, currentDepth + 1);
+      if (found >= 0) return found;
+    }
+  }
+  return -1;
+}
 function findAllLoadedCompositeModifications(modifications, composites) {
   modifications.forEach((modification) => {
     if (isCompositeModification(modification) && modification.subModifications.length > 0) {
@@ -155,6 +165,7 @@ export {
   MAX_COMPOSITE_NESTING_DEPTH,
   fetchSubModificationsForExpandedRows,
   findAllLoadedCompositeModifications,
+  findDepth,
   findModificationInTree,
   formatToComposedModification,
   isCompositeModification,

package/dist/features/network-modifications/common/reactiveLimits/reactiveCapabilityCurve/reactiveCapability.utils.d.ts

@@ -1,7 +1,8 @@
 import { FieldValues, UseFormSetValue } from 'react-hook-form';
 import { ReactiveCapabilityCurve, ReactiveCapabilityCurvePoints } from '../reactiveLimits.type';
 import { FieldConstants } from '../../../../../utils';
-import { GeneratorCreationDialogSchemaForm, GeneratorModificationDialogSchemaForm } from '../../../generator/generatorDialog.type';
+import { GeneratorModificationDialogSchemaForm } from '../../../generator/generatorDialog.type';
+import { GeneratorCreationFormData } from '../../../generator/creation/generatorCreation.utils';
 import { GeneratorCreationDto } from '../../../generator/creation/generatorCreation.types';
 import { GeneratorModificationDto } from '../../../generator/modification/generatorModification.types';
 export declare const INSERT = "INSERT";
@@ -25,5 +26,5 @@ export declare const getReactiveCapabilityCurveValidationSchema: (id?: FieldCons
 };
 export declare function setSelectedReactiveLimits(id: string, minMaxReactiveLimits: number, setValue: UseFormSetValue<FieldValues>): void;
 export declare function setCurrentReactiveCapabilityCurveTable(previousReactiveCapabilityCurveTable: ReactiveCapabilityCurve, fieldKey: string, setValue: UseFormSetValue<FieldValues>): void;
-export declare function toReactiveCapabilityCurveChoiceForGeneratorCreation(currentReactiveLimits: GeneratorCreationDialogSchemaForm[typeof FieldConstants.REACTIVE_LIMITS], editData: GeneratorCreationDto | null | undefined): "CURVE" | "MINMAX";
+export declare function toReactiveCapabilityCurveChoiceForGeneratorCreation(form: GeneratorCreationFormData, dto?: GeneratorCreationDto): "CURVE" | "MINMAX";
 export declare function toReactiveCapabilityCurveChoiceForGeneratorModification(currentReactiveLimits: GeneratorModificationDialogSchemaForm[typeof FieldConstants.REACTIVE_LIMITS], editData: GeneratorModificationDto | null | undefined, networkPoints: ReactiveCapabilityCurvePoints[] | null | undefined): "CURVE" | "MINMAX";

package/dist/features/network-modifications/common/reactiveLimits/reactiveCapabilityCurve/reactiveCapability.utils.js

@@ -101,7 +101,9 @@ function setSelectedReactiveLimits(id, minMaxReactiveLimits, setValue) {
 function setCurrentReactiveCapabilityCurveTable(previousReactiveCapabilityCurveTable, fieldKey, setValue) {
   setValue(fieldKey, previousReactiveCapabilityCurveTable);
 }
-function handleReactiveCapabilityCurveChoice(currentChoice, previousChoice, currentReactiveLimits) {
+function handleReactiveCapabilityCurveChoice(previousChoice, form) {
+  const currentReactiveLimits = form[FieldConstants.REACTIVE_LIMITS];
+  const currentChoice = currentReactiveLimits?.[FieldConstants.REACTIVE_CAPABILITY_CURVE_CHOICE];
   if (currentChoice === "MINMAX") {
     const hasAnyValue = currentReactiveLimits?.[FieldConstants.MAXIMUM_REACTIVE_POWER] || currentReactiveLimits?.[FieldConstants.MINIMUM_REACTIVE_POWER];
     if (previousChoice === "CURVE" && !hasAnyValue) {
@@ -122,13 +124,33 @@ function handleReactiveCapabilityCurveChoice(currentChoice, previousChoice, curr
   );
   return "MINMAX";
 }
-function toReactiveCapabilityCurveChoiceForGeneratorCreation(currentReactiveLimits, editData) {
-  const currentChoice = currentReactiveLimits?.[FieldConstants.REACTIVE_CAPABILITY_CURVE_CHOICE];
+function toReactiveCapabilityCurveChoiceForGeneratorCreation(form, dto) {
   let previousChoice;
-  if (editData) {
-    previousChoice = editData.reactiveCapabilityCurve ? "CURVE" : "MINMAX";
+  if (dto) {
+    previousChoice = dto.reactiveCapabilityCurve ? "CURVE" : "MINMAX";
+  }
+  return handleReactiveCapabilityCurveChoice(previousChoice, form);
+}
+function handleReactiveCapabilityCurveChoiceForModification(currentChoice, previousChoice, currentReactiveLimits) {
+  if (currentChoice === "MINMAX") {
+    const hasAnyValue = currentReactiveLimits?.[FieldConstants.MAXIMUM_REACTIVE_POWER] || currentReactiveLimits?.[FieldConstants.MINIMUM_REACTIVE_POWER];
+    if (previousChoice === "CURVE" && !hasAnyValue) {
+      return "CURVE";
+    }
+    return "MINMAX";
   }
-  return handleReactiveCapabilityCurveChoice(currentChoice, previousChoice, currentReactiveLimits);
+  if (currentChoice === "CURVE") {
+    const currentPoints = currentReactiveLimits?.[FieldConstants.REACTIVE_CAPABILITY_CURVE_TABLE];
+    const hasAnyValue = currentPoints?.some((v) => v.p != null || v.maxQ != null || v.minQ != null);
+    if (previousChoice === "MINMAX" && !hasAnyValue) {
+      return "MINMAX";
+    }
+    return "CURVE";
+  }
+  console.error(
+    "Reactive capability curve choice is not valid, it should be either MINMAX or CURVE. We return MINMAX by default."
+  );
+  return "MINMAX";
 }
 function toReactiveCapabilityCurveChoiceForGeneratorModification(currentReactiveLimits, editData, networkPoints) {
   const currentChoice = currentReactiveLimits?.[FieldConstants.REACTIVE_CAPABILITY_CURVE_CHOICE];
@@ -138,7 +160,7 @@ function toReactiveCapabilityCurveChoiceForGeneratorModification(currentReactive
   }
   const networkChoice = networkPoints ? "CURVE" : "MINMAX";
   const previousChoice = editDataChoice ?? networkChoice;
-  return handleReactiveCapabilityCurveChoice(currentChoice, previousChoice, currentReactiveLimits);
+  return handleReactiveCapabilityCurveChoiceForModification(currentChoice, previousChoice, currentReactiveLimits);
 }
 export {
   INSERT,

package/dist/features/network-modifications/common/regulatingTerminal/RegulatingTerminalForm.js

@@ -59,7 +59,7 @@ function RegulatingTerminalForm({
   const itemSize = isColumnDirection ? 12 : 6;
   useEffect(() => {
     if (!watchVoltageLevelId || !voltageLevelOptions.some((vlOption) => vlOption.id === watchVoltageLevelId)) {
-      setEquipmentsOptions([]);
+      setEquipmentsOptions((prev) => prev.length === 0 ? prev : []);
     } else {
       fetchVoltageLevelEquipments(watchVoltageLevelId).then((equipments) => {
         setEquipmentsOptions(

package/dist/features/network-modifications/common/regulatingTerminal/regulatingTerminal.utils.d.ts

@@ -24,11 +24,11 @@ export declare const getRegulatingTerminalVoltageLevelData: ({ voltageLevelId, v
 export declare const getRegulatingTerminalEquipmentData: ({ equipmentId, equipmentName, equipmentType, }: {
     equipmentId?: string | null;
     equipmentName?: string | null;
-    equipmentType?: string | null;
+    equipmentType?: string;
 }) => {
     id: string;
     name: string | null;
-    type: string | null;
+    type: string;
 } | null;
 export declare const getRegulatingTerminalFormData: ({ voltageLevelId, voltageLevelName, voltageLevelNominalVoltage, voltageLevelSubstationId, voltageLevelTopologyKind, equipmentId, equipmentName, equipmentType, }: {
     voltageLevelId?: string | null;
@@ -38,7 +38,7 @@ export declare const getRegulatingTerminalFormData: ({ voltageLevelId, voltageLe
     voltageLevelTopologyKind?: string;
     equipmentId?: string | null;
     equipmentName?: string | null;
-    equipmentType?: string | null;
+    equipmentType?: string;
 }) => {
     voltageLevel: {
         id: string;
@@ -50,6 +50,6 @@ export declare const getRegulatingTerminalFormData: ({ voltageLevelId, voltageLe
     equipment: {
         id: string;
         name: string | null;
-        type: string | null;
+        type: string;
     } | null;
 };