@gridsuite/commons-ui 0.197.0 → 0.199.0

package/dist/components/index.js

@@ -256,7 +256,7 @@ import { SelectCell } from "./network-modification-table/renderers/select-cell.j
 import { SelectHeaderCell } from "./network-modification-table/renderers/select-header-cell.js";
 import { DragCloneRow } from "./network-modification-table/row/drag-row-clone.js";
 import { ModificationRow } from "./network-modification-table/row/modification-row.js";
-import { fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
 export {
   ACCURACY,
   ACTIVE,
@@ -464,6 +464,7 @@ export {
   MAP_BASE_MAP,
   MAP_MANUAL_REFRESH,
   MARGIN_CALCULATION_START_TIME,
+  MAX_COMPOSITE_NESTING_DEPTH,
   MAX_ROWS_NUMBER,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,

package/dist/components/network-modification-table/drag-forbidden-chip.d.ts

@@ -0,0 +1,2 @@
+export declare const CHIP_ATTR = "data-drag-depth-chip";
+export declare const injectForbiddenChips: (container: HTMLDivElement, rowEl: HTMLElement, isMovingDown: boolean) => void;

package/dist/components/network-modification-table/drag-forbidden-chip.js

@@ -0,0 +1,39 @@
+const CHIP_ATTR = "data-drag-depth-chip";
+const createDragForbiddenChip = ({ side, chipStyle, label, title }) => {
+  const chip = document.createElement("span");
+  chip.setAttribute(CHIP_ATTR, side);
+  chip.setAttribute("style", `${chipStyle}; ${side}: 0px`);
+  chip.textContent = label;
+  if (title) {
+    chip.title = title;
+  }
+  return chip;
+};
+const injectForbiddenChips = (container, rowEl, isMovingDown) => {
+  container.querySelectorAll(`[${CHIP_ATTR}]`).forEach((c) => c.remove());
+  const containerRect = container.getBoundingClientRect();
+  const rowRect = rowEl.getBoundingClientRect();
+  const shadowLineY = isMovingDown ? rowRect.bottom - containerRect.top + container.scrollTop : rowRect.top - containerRect.top + container.scrollTop;
+  const chipStyle = [
+    "position: absolute",
+    `top: ${shadowLineY}px`,
+    "transform: translateY(-50%)",
+    "display: flex",
+    "align-items: center",
+    "justify-content: center",
+    "height: 20px",
+    "min-width: 20px",
+    "padding: 0 6px",
+    "border-radius: 10px",
+    "font-size: 11px",
+    "background-color: #d32f2f",
+    "color: #ffffff",
+    "z-index: 10",
+    "box-shadow: 0 1px 3px rgba(0,0,0,0.3)"
+  ].join("; ");
+  container.appendChild(createDragForbiddenChip({ side: "left", chipStyle, label: "✕" }));
+};
+export {
+  CHIP_ATTR,
+  injectForbiddenChips
+};

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

@@ -10,7 +10,7 @@ import { SelectCell } from "./renderers/select-cell.js";
 import { SelectHeaderCell } from "./renderers/select-header-cell.js";
 import { DragCloneRow } from "./row/drag-row-clone.js";
 import { ModificationRow } from "./row/modification-row.js";
-import { fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
 export {
   AUTO_EXTENSIBLE_COLUMNS,
   BASE_MODIFICATION_TABLE_COLUMNS,
@@ -23,6 +23,7 @@ export {
   DepthBox,
   DragCloneRow,
   DragHandleCell,
+  MAX_COMPOSITE_NESTING_DEPTH,
   MODIFICATION_ROW_HEIGHT,
   ModificationRow,
   NameCell,

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

@@ -7,6 +7,7 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 import { MODIFICATION_ROW_HEIGHT, networkModificationTableStyles, createHeaderCellStyle } from "./network-modification-table-styles.js";
 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 "@mui/icons-material";
 import "react-intl";
@@ -33,11 +34,14 @@ function NetworkModificationsTable({
 }) {
   const theme = useTheme();
   const containerRef = useRef(null);
-  const lastClickedIndex = useRef(null);
   const [expanded, setExpanded] = useState({});
   const [composedModifications, setComposedModifications] = useState(
     formatToComposedModification(modifications)
   );
+  const { rowSelection, onRowSelectionChange, lastClickedRowId, emitSelection } = useModificationsSelection({
+    modifications: composedModifications,
+    onRowSelected
+  });
   const columns = useMemo(
     () => createAllColumns(
       isRowDragDisabled ?? false,
@@ -77,19 +81,23 @@ function NetworkModificationsTable({
   const table = useReactTable({
     data: composedModifications,
     columns,
-    state: { expanded },
+    state: { expanded, rowSelection },
     getCoreRowModel: getCoreRowModel(),
     getExpandedRowModel: getExpandedRowModel(),
     getSubRows: (row) => row.subModifications,
     getRowId: (row) => row.uuid,
     getRowCanExpand: (row) => isCompositeModification(row.original),
     enableRowSelection: true,
-    enableSubRowSelection: false,
+    enableSubRowSelection: true,
     enableExpanding: true,
     onExpandedChange: handleExpandRow,
-    meta: { lastClickedIndex, onRowSelected }
+    onRowSelectionChange,
+    meta: { lastClickedRowId, onRowSelected }
   });
-  const { rows } = table.getRowModel();
+  const { rows, flatRows } = table.getRowModel();
+  useEffect(() => {
+    emitSelection(flatRows);
+  }, [rowSelection, flatRows, emitSelection]);
   const virtualizer = useVirtualizer({
     count: rows.length,
     getScrollElement: () => containerRef.current,
@@ -98,7 +106,7 @@ function NetworkModificationsTable({
   });
   const virtualItems = virtualizer.getVirtualItems();
   const { handleDragUpdate, handleDragEnd, renderClone } = useModificationsDragAndDrop({
-    rows,
+    table,
     containerRef,
     composedModifications,
     setComposedModifications,
@@ -109,8 +117,8 @@ function NetworkModificationsTable({
   useEffect(() => {
     table.resetRowSelection();
     table.resetExpanded();
-    lastClickedIndex.current = null;
-  }, [table]);
+    lastClickedRowId.current = null;
+  }, [lastClickedRowId, table, currentNodeId]);
   useEffect(() => {
     if (highlightedModificationUuid && containerRef.current) {
       const rowIndex = rows.findIndex((row) => row.original.uuid === highlightedModificationUuid);

package/dist/components/network-modification-table/renderers/select-cell.js

@@ -1,54 +1,43 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
+import { useCallback } from "react";
 import { Checkbox } from "@mui/material";
 import { networkModificationTableStyles } from "../network-modification-table-styles.js";
+function toggleRange(rows, from, to, targetSelected) {
+  const [start, end] = from <= to ? [from, to] : [to, from];
+  rows.slice(start, end + 1).forEach((r) => {
+    if (r.getCanSelect()) {
+      r.toggleSelected(targetSelected);
+    }
+  });
+}
 function SelectCell({ row, table }) {
   const { meta } = table.options;
+  const isSelected = row.getIsSelected();
+  const isIndeterminate = !isSelected && row.getIsSomeSelected();
   const handleChange = useCallback(
     (event) => {
       const rows = table.getRowModel().flatRows;
       const currentIndex = rows.indexOf(row);
-      const nextSelection = { ...table.getState().rowSelection };
-      if (event.shiftKey && meta?.lastClickedIndex.current !== null && meta?.lastClickedIndex.current !== void 0) {
-        const lastIndex = meta.lastClickedIndex.current;
-        const [from, to] = lastIndex < currentIndex ? [lastIndex, currentIndex] : [currentIndex, lastIndex];
-        const isRowSelected = row.getIsSelected();
-        rows.slice(from, to + 1).forEach((r) => {
-          if (r.getCanSelect()) {
-            r.toggleSelected(!isRowSelected);
-            if (isRowSelected) {
-              delete nextSelection[r.id];
-            } else {
-              nextSelection[r.id] = true;
-            }
-          }
-        });
+      const anchorRowId = meta?.lastClickedRowId.current;
+      const anchorIndex = anchorRowId == null ? null : rows.findIndex((candidate) => candidate.id === anchorRowId);
+      const targetSelected = !isSelected;
+      if (event.shiftKey && anchorIndex != null && anchorIndex !== -1) {
+        toggleRange(rows, anchorIndex, currentIndex, targetSelected);
       } else {
-        row.toggleSelected();
-        if (row.getIsSelected()) {
-          delete nextSelection[row.id];
-        } else {
-          nextSelection[row.id] = true;
-        }
+        row.toggleSelected(targetSelected);
       }
       if (meta) {
-        meta.lastClickedIndex.current = currentIndex;
-        const selectedRows = rows.filter((r) => nextSelection[r.id]).map((r) => r.original);
-        meta.onRowSelected?.(selectedRows);
+        meta.lastClickedRowId.current = row.id;
       }
     },
-    [table, row, meta]
-  );
-  const hasPartiallySelectedSubRows = useMemo(
-    () => row.subRows.some((subRow) => subRow.getIsSelected()) && !row.getIsSelected(),
-    [row]
+    [table, row, meta, isSelected]
   );
   return /* @__PURE__ */ jsx(
     Checkbox,
     {
       size: "small",
-      checked: row.getIsSelected(),
-      indeterminate: hasPartiallySelectedSubRows,
+      checked: isSelected,
+      indeterminate: isIndeterminate,
       disabled: !row.getCanSelect(),
       onClick: handleChange,
       sx: networkModificationTableStyles.selectCheckBox

package/dist/components/network-modification-table/renderers/select-header-cell.js

@@ -7,7 +7,7 @@ function SelectHeaderCell({ table }) {
     if (meta) {
       const nextSelectedRows = table.getIsAllRowsSelected() ? [] : table.getCoreRowModel().rows.map((r) => r.original);
       meta.onRowSelected?.(nextSelectedRows);
-      meta.lastClickedIndex.current = null;
+      meta.lastClickedRowId.current = null;
     }
     table.toggleAllRowsSelected();
   }, [table]);

package/dist/components/network-modification-table/use-modifications-drag-and-drop.d.ts

@@ -1,10 +1,10 @@
 import { default as React, JSX, RefObject } from 'react';
-import { Row } from '@tanstack/react-table';
+import { Table } from '@tanstack/react-table';
 import { DraggableProvided, DraggableRubric, DraggableStateSnapshot, DragUpdate, DropResult } from '@hello-pangea/dnd';
 import { UUID } from 'node:crypto';
 import { ComposedModificationMetadata } from '../../utils';
 interface UseModificationsDragAndDropParams {
-    rows: Row<ComposedModificationMetadata>[];
+    table: Table<ComposedModificationMetadata>;
     containerRef: RefObject<HTMLDivElement | null>;
     composedModifications: ComposedModificationMetadata[];
     setComposedModifications: React.Dispatch<React.SetStateAction<ComposedModificationMetadata[]>>;
@@ -17,5 +17,5 @@ interface UseModificationsDragAndDropReturn {
     handleDragEnd: (result: DropResult) => void;
     renderClone: (provided: DraggableProvided, snapshot: DraggableStateSnapshot, rubric: DraggableRubric) => JSX.Element;
 }
-export declare const useModificationsDragAndDrop: ({ rows, containerRef, composedModifications, setComposedModifications, onDragEnd, studyUuid, currentNodeUuid, }: UseModificationsDragAndDropParams) => UseModificationsDragAndDropReturn;
+export declare const useModificationsDragAndDrop: ({ table, containerRef, composedModifications, setComposedModifications, onDragEnd, studyUuid, currentNodeUuid, }: UseModificationsDragAndDropParams) => UseModificationsDragAndDropReturn;
 export {};

package/dist/components/network-modification-table/use-modifications-drag-and-drop.js

@@ -7,12 +7,13 @@ import "@hello-pangea/dnd";
 import "react-intl";
 import "./columns-definition.js";
 import { DROP_FORBIDDEN_INDICATOR_BOTTOM, DROP_FORBIDDEN_INDICATOR_TOP, DROP_INDICATOR_BOTTOM, DROP_INDICATOR_TOP } from "./network-modification-table-styles.js";
-import { moveSubModificationInTree, isCompositeModification, findModificationInTree } from "./utils.js";
+import { isCompositeModification, MAX_COMPOSITE_NESTING_DEPTH, findModificationInTree, moveSubModificationInTree } from "./utils.js";
 import "../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../utils/error.js";
 import "../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import "../../utils/yupConfig.js";
+import { injectForbiddenChips, CHIP_ATTR } from "./drag-forbidden-chip.js";
 import { changeCompositeSubModificationOrder, changeNetworkModificationOrder } from "../../services/networkModification.js";
 import "localized-countries";
 import "localized-countries/data/fr";
@@ -23,13 +24,7 @@ const clearRowDragIndicators = (container) => {
   rowElements?.forEach((rowElement) => {
     rowElement.style.boxShadow = "";
   });
-};
-const isDropForbidden = (sourceRow, targetRow) => {
-  const isDraggingDown = targetRow.index > sourceRow.index;
-  if (isCompositeModification(sourceRow.original) && (isCompositeModification(targetRow.original) && targetRow.getIsExpanded() && isDraggingDown || isCompositeModification(targetRow.getParentRow()?.original))) {
-    return true;
-  }
-  return !!(isCompositeModification(sourceRow.original) && findModificationInTree(targetRow.original.uuid, [sourceRow.original]));
+  container?.querySelectorAll(`[${CHIP_ATTR}]`).forEach((chip) => chip.remove());
 };
 function getTargetCompositeUuid(droppingIntoExpandedComposite, targetRow) {
   if (droppingIntoExpandedComposite) {
@@ -47,7 +42,7 @@ function getContainerShadow(forbidden, isMovingDown) {
   return isMovingDown ? DROP_INDICATOR_BOTTOM : DROP_INDICATOR_TOP;
 }
 const useModificationsDragAndDrop = ({
-  rows,
+  table,
   containerRef,
   composedModifications,
   setComposedModifications,
@@ -56,6 +51,30 @@ const useModificationsDragAndDrop = ({
   currentNodeUuid = void 0
 }) => {
   const { snackError } = useSnackMessage();
+  const { rows } = table.getRowModel();
+  const computeTargetDepth = useCallback(
+    (sourceRow, targetRow) => {
+      const sourceRowIndex = table.getRowModel().flatRows.findIndex((row) => {
+        return row.id === sourceRow.id;
+      });
+      const targetRowIndex = table.getRowModel().flatRows.findIndex((row) => {
+        return row.id === targetRow.id;
+      });
+      const isDraggingDown = sourceRowIndex < targetRowIndex;
+      return isCompositeModification(targetRow.original) && targetRow.getIsExpanded() && isDraggingDown ? targetRow.depth + 1 : targetRow.depth;
+    },
+    [table]
+  );
+  const isDropForbidden = useCallback(
+    (sourceRow, targetRow) => {
+      if (isCompositeModification(sourceRow.original)) {
+        const targetDepth = computeTargetDepth(sourceRow, targetRow);
+        return (sourceRow.original.maxDepth ?? 0) + targetDepth > MAX_COMPOSITE_NESTING_DEPTH || !!(isCompositeModification(sourceRow.original) && findModificationInTree(targetRow.original.uuid, [sourceRow.original]));
+      }
+      return false;
+    },
+    [computeTargetDepth]
+  );
   const handleDragUpdate = useCallback(
     (update) => {
       clearRowDragIndicators(containerRef.current);
@@ -72,8 +91,11 @@ const useModificationsDragAndDrop = ({
       const forbidden = isDropForbidden(sourceRow, targetRow);
       const isMovingDown = destination.index > source.index;
       el.style.boxShadow = getContainerShadow(forbidden, isMovingDown);
+      if (forbidden && containerRef.current) {
+        injectForbiddenChips(containerRef.current, el, isMovingDown);
+      }
     },
-    [rows, containerRef]
+    [containerRef, isDropForbidden, rows]
   );
   const handleDragEndComposite = useCallback(
     (sourceRow, targetRow, droppingIntoExpandedComposite, isDraggingDown) => {
@@ -151,12 +173,13 @@ const useModificationsDragAndDrop = ({
       containerRef,
       onDragEnd,
       rows,
-      studyUuid,
-      currentNodeUuid,
-      snackError,
+      isDropForbidden,
+      handleDragEndComposite,
       composedModifications,
+      currentNodeUuid,
       setComposedModifications,
-      handleDragEndComposite
+      studyUuid,
+      snackError
     ]
   );
   const renderClone = useCallback(

package/dist/components/network-modification-table/use-modifications-selection.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from 'react';
+import { Row, RowSelectionState, Updater } from '@tanstack/react-table';
+import { ComposedModificationMetadata } from '../../utils';
+interface UseModificationsSelectionParams {
+    modifications: ComposedModificationMetadata[];
+    onRowSelected: (selectedRows: ComposedModificationMetadata[]) => void;
+}
+interface UseModificationsSelectionResult {
+    rowSelection: RowSelectionState;
+    onRowSelectionChange: (updater: Updater<RowSelectionState>) => void;
+    lastClickedRowId: RefObject<string | null>;
+    emitSelection: (flatRows: Row<ComposedModificationMetadata>[]) => void;
+}
+export declare function useModificationsSelection({ modifications, onRowSelected, }: UseModificationsSelectionParams): UseModificationsSelectionResult;
+export {};

package/dist/components/network-modification-table/use-modifications-selection.js

@@ -0,0 +1,80 @@
+import { useState, useRef, useCallback, useEffect } from "react";
+function normalizeCompositeSelection(rawSelection, roots) {
+  const next = { ...rawSelection };
+  const visit = (node) => {
+    const children = node.subModifications;
+    if (!children || children.length === 0) {
+      return next[node.uuid];
+    }
+    const everyChildSelected = children.every((child) => visit(child));
+    if (everyChildSelected) {
+      next[node.uuid] = true;
+    } else {
+      delete next[node.uuid];
+    }
+    return everyChildSelected;
+  };
+  roots.forEach((root) => visit(root));
+  return next;
+}
+function collectSelection(flatRows) {
+  const acc = [];
+  let skipBelowDepth = -1;
+  flatRows.forEach((row) => {
+    if (skipBelowDepth >= 0 && row.depth > skipBelowDepth) {
+      return;
+    }
+    skipBelowDepth = -1;
+    if (row.getIsSelected()) {
+      acc.push(row.original);
+      skipBelowDepth = row.depth;
+    }
+  });
+  return acc;
+}
+function propagateSelectionToLoadedDescendants(selection, roots) {
+  let next = selection;
+  let mutated = false;
+  const visit = (node, ancestorSelected) => {
+    const effectiveSelected = ancestorSelected || next[node.uuid];
+    if (effectiveSelected && !next[node.uuid]) {
+      if (!mutated) {
+        next = { ...selection };
+        mutated = true;
+      }
+      next[node.uuid] = true;
+    }
+    node.subModifications?.forEach((child) => visit(child, effectiveSelected));
+  };
+  roots.forEach((root) => visit(root, false));
+  return mutated ? next : selection;
+}
+function useModificationsSelection({
+  modifications,
+  onRowSelected
+}) {
+  const [rowSelection, setRowSelection] = useState({});
+  const lastClickedRowId = useRef(null);
+  const onRowSelectionChange = useCallback(
+    (updater) => {
+      setRowSelection((prev) => {
+        const raw = typeof updater === "function" ? updater(prev) : updater;
+        return normalizeCompositeSelection(raw, modifications);
+      });
+    },
+    [modifications]
+  );
+  const emitSelection = useCallback(
+    (flatRows) => {
+      onRowSelected(collectSelection(flatRows));
+    },
+    [onRowSelected]
+  );
+  useEffect(() => {
+    setRowSelection((prev) => propagateSelectionToLoadedDescendants(prev, modifications));
+  }, [modifications]);
+  return { rowSelection, onRowSelectionChange, lastClickedRowId, emitSelection };
+}
+export {
+  useModificationsSelection
+};

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

@@ -1,6 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
 import { UUID } from 'node:crypto';
 import { ComposedModificationMetadata, NetworkModificationMetadata } from '../../utils';
+export declare const MAX_COMPOSITE_NESTING_DEPTH = 5;
 export declare const formatToComposedModification: (modifications: NetworkModificationMetadata[]) => ComposedModificationMetadata[];
 export declare function isCompositeModification(modification: ComposedModificationMetadata | undefined): boolean;
 /**

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

@@ -5,6 +5,7 @@ import "react/jsx-runtime";
 import "@mui/icons-material";
 import "../../utils/yupConfig.js";
 import { getNetworkModificationsFromComposite } from "../../services/networkModification.js";
+const MAX_COMPOSITE_NESTING_DEPTH = 5;
 const formatToComposedModification = (modifications) => {
   return modifications.map((modification) => ({ ...modification, subModifications: [] }));
 };
@@ -152,6 +153,7 @@ function fetchSubModificationsForExpandedRows(expandedIds, mods, setMods, force
   });
 }
 export {
+  MAX_COMPOSITE_NESTING_DEPTH,
   fetchSubModificationsForExpandedRows,
   findAllLoadedCompositeModifications,
   findModificationInTree,

package/dist/index.js

@@ -309,7 +309,7 @@ import { SelectCell } from "./components/network-modification-table/renderers/se
 import { SelectHeaderCell } from "./components/network-modification-table/renderers/select-header-cell.js";
 import { DragCloneRow } from "./components/network-modification-table/row/drag-row-clone.js";
 import { ModificationRow } from "./components/network-modification-table/row/modification-row.js";
-import { fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./components/network-modification-table/utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./components/network-modification-table/utils.js";
 import { useStateBoolean } from "./hooks/customStates/useStateBoolean.js";
 import { useStateNumber } from "./hooks/customStates/useStateNumber.js";
 import { useModificationLabelComputer } from "./hooks/useModificationLabelComputer.js";
@@ -651,6 +651,7 @@ export {
   MAP_MANUAL_REFRESH,
   MARGIN_CALCULATION_START_TIME,
   MAX_CHAR_DESCRIPTION,
+  MAX_COMPOSITE_NESTING_DEPTH,
   MAX_ROWS_NUMBER,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MEGA_VAR,

package/dist/utils/types/network-modification-metadata.d.ts

@@ -12,4 +12,5 @@ export interface NetworkModificationMetadata {
 }
 export interface ComposedModificationMetadata extends NetworkModificationMetadata {
     subModifications: ComposedModificationMetadata[];
+    maxDepth?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.197.0",
+    "version": "0.199.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",