@gridsuite/commons-ui 0.195.0 → 0.196.0

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

@@ -0,0 +1,164 @@
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import { MODIFICATION_TYPES } from "../../utils/types/modificationType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import "../../utils/yupConfig.js";
+import { getNetworkModificationsFromComposite } from "../../services/networkModification.js";
+const formatToComposedModification = (modifications) => {
+  return modifications.map((modification) => ({ ...modification, subModifications: [] }));
+};
+function isCompositeModification(modification) {
+  return modification?.messageType === MODIFICATION_TYPES.COMPOSITE_MODIFICATION.type;
+}
+function findAllLoadedCompositeModifications(modifications, composites) {
+  modifications.forEach((modification) => {
+    if (isCompositeModification(modification) && modification.subModifications.length > 0) {
+      composites.push(modification);
+      findAllLoadedCompositeModifications(modification.subModifications, composites);
+    }
+  });
+}
+function findModificationInTree(uuid, mods) {
+  for (const mod of mods) {
+    if (mod.uuid === uuid) {
+      return mod;
+    }
+    const found = findModificationInTree(uuid, mod.subModifications);
+    if (found) {
+      return found;
+    }
+  }
+  return void 0;
+}
+function updateSubModificationsOfACompositeInTree(parentModUuid, subModifications, tree) {
+  return tree.map((m) => {
+    if (m.uuid === parentModUuid) {
+      return { ...m, subModifications };
+    }
+    if (m.subModifications.length > 0) {
+      return {
+        ...m,
+        subModifications: updateSubModificationsOfACompositeInTree(
+          parentModUuid,
+          subModifications,
+          m.subModifications
+        )
+      };
+    }
+    return m;
+  });
+}
+function mergeSubModificationsIntoTree(nextMods, prevMods) {
+  return nextMods.map((nextMod) => {
+    const prevMod = prevMods.find((m) => m.uuid === nextMod.uuid);
+    if (!prevMod || prevMod.subModifications.length === 0) {
+      return nextMod;
+    }
+    return {
+      ...nextMod,
+      subModifications: mergeSubModificationsIntoTree(
+        nextMod.subModifications.length > 0 ? nextMod.subModifications : prevMod.subModifications,
+        prevMod.subModifications
+      )
+    };
+  });
+}
+function updateModificationFieldInTree(uuid, fields, mods) {
+  return mods.map((m) => {
+    if (m.uuid === uuid) {
+      return { ...m, ...fields };
+    }
+    if (m.subModifications.length > 0) {
+      return { ...m, subModifications: updateModificationFieldInTree(uuid, fields, m.subModifications) };
+    }
+    return m;
+  });
+}
+function getModificationInTree(modUuid, sourceParentUuid, mods) {
+  if (sourceParentUuid) {
+    const sourceMod = findModificationInTree(sourceParentUuid, mods);
+    if (!sourceMod) {
+      return void 0;
+    }
+    return sourceMod.subModifications.find((m) => m.uuid === modUuid);
+  }
+  return mods.find((m) => m.uuid === modUuid);
+}
+function moveSubModificationInTree(movingUuid, sourceParentUuid, targetParentUuid, beforeUuid, mods) {
+  const movedMod = getModificationInTree(
+    movingUuid,
+    sourceParentUuid,
+    mods
+  );
+  if (!movedMod) {
+    console.error(`Can't find the ${movingUuid} modification that should be moved`);
+    return mods;
+  }
+  let modsWithoutTheMovedModification;
+  if (sourceParentUuid) {
+    const sourceMod = findModificationInTree(sourceParentUuid, mods);
+    if (!sourceMod) {
+      return mods;
+    }
+    const newSourceSubs = sourceMod.subModifications.filter((m) => m.uuid !== movingUuid);
+    modsWithoutTheMovedModification = updateSubModificationsOfACompositeInTree(
+      sourceParentUuid,
+      newSourceSubs,
+      mods
+    );
+  } else {
+    modsWithoutTheMovedModification = mods.filter((m) => m.uuid !== movingUuid);
+  }
+  if (targetParentUuid) {
+    const targetMod = findModificationInTree(targetParentUuid, modsWithoutTheMovedModification);
+    if (!targetMod) {
+      return mods;
+    }
+    const newTargetSubs = [...targetMod.subModifications];
+    const insertIdx2 = beforeUuid ? newTargetSubs.findIndex((m) => m.uuid === beforeUuid) : -1;
+    newTargetSubs.splice(insertIdx2 === -1 ? newTargetSubs.length : insertIdx2, 0, movedMod);
+    return updateSubModificationsOfACompositeInTree(
+      targetParentUuid,
+      newTargetSubs,
+      modsWithoutTheMovedModification
+    );
+  }
+  const insertIdx = beforeUuid ? modsWithoutTheMovedModification.findIndex((m) => m.uuid === beforeUuid) : -1;
+  const result = [...modsWithoutTheMovedModification];
+  result.splice(insertIdx === -1 ? result.length : insertIdx, 0, movedMod);
+  return result;
+}
+function fetchSubModificationsForExpandedRows(expandedIds, mods, setMods, force = false) {
+  const uuidsToFetch = expandedIds.filter((id) => {
+    const mod = findModificationInTree(id, mods);
+    return isCompositeModification(mod) && (force || mod?.subModifications.length === 0);
+  });
+  if (uuidsToFetch.length === 0) {
+    return;
+  }
+  getNetworkModificationsFromComposite(uuidsToFetch).then((subModsByUuid) => {
+    setMods(
+      (prev) => Object.entries(subModsByUuid).reduce((tree, [uuid, subMods]) => {
+        const liveModifications = formatToComposedModification(subMods.filter((m) => !m.stashed));
+        const existingMod = findModificationInTree(uuid, tree);
+        const mergedSubs = mergeSubModificationsIntoTree(
+          liveModifications,
+          existingMod?.subModifications ?? []
+        );
+        return updateSubModificationsOfACompositeInTree(uuid, mergedSubs, tree);
+      }, prev)
+    );
+  });
+}
+export {
+  fetchSubModificationsForExpandedRows,
+  findAllLoadedCompositeModifications,
+  findModificationInTree,
+  formatToComposedModification,
+  isCompositeModification,
+  mergeSubModificationsIntoTree,
+  moveSubModificationInTree,
+  updateModificationFieldInTree,
+  updateSubModificationsOfACompositeInTree
+};

package/dist/hooks/useModificationLabelComputer.d.ts

@@ -1,15 +1,4 @@
-import { UUID } from 'node:crypto';
-import { ModificationType } from '../utils';
-export interface NetworkModificationMetadata {
-    uuid: UUID;
-    type: ModificationType;
-    date: Date;
-    stashed: boolean;
-    activated: boolean;
-    description: string;
-    messageType: string;
-    messageValues: string;
-}
+import { NetworkModificationMetadata } from '../utils';
 export declare const useModificationLabelComputer: () => {
     computeLabel: (modif: NetworkModificationMetadata, formatBold?: boolean) => {
         action: string;

package/dist/index.js

@@ -272,7 +272,7 @@ import { fetchCurrentAnnouncement, fetchUserDetails } from "./services/userAdmin
 import { DEFAULT_TIMEOUT_MS, IGNORE_SIGNAL, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, getRequestParamFromList, handleNotOkResponse, parseError, safeEncodeURIComponent } from "./services/utils.js";
 import { getVoltageInitParameters, getVoltageInitUrl } from "./services/voltage-init.js";
 import { fetchShortCircuitParameters, getShortCircuitSpecificParametersDescription, updateShortCircuitParameters } from "./services/short-circuit-analysis.js";
-import { fetchBusBarSectionsForNewCoupler, fetchNetworkModification, updateModification } from "./services/networkModification.js";
+import { changeCompositeSubModificationOrder, changeNetworkModificationOrder, fetchBusBarSectionsForNewCoupler, fetchNetworkModification, getBaseNetworkModificationUrl, getNetworkModificationsFromComposite, getStudyUrlWithNodeUuid, updateModification } from "./services/networkModification.js";
 import { fetchDynamicSimulationModels, getDynamicMappings } from "./services/dynamic-mapping.js";
 import { fetchDynamicSimulationParameters, fetchDynamicSimulationProviders, updateDynamicSimulationParameters } from "./services/dynamic-simulation.js";
 import { fetchContingencyAndFiltersLists, fetchDynamicSecurityAnalysisProviders } from "./services/dynamic-security-analysis.js";
@@ -297,6 +297,19 @@ import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToFor
 import { DataType as DataType2 } from "./components/network-modifications/by-filter/assignment/assignment/assignment.type.js";
 import { BuildStatusChip } from "./components/node/build-status-chip.js";
 import { BuildStatus } from "./components/node/constant.js";
+import { COLUMNS_WITHOUT_BORDER, DEPTH_CELL_WIDTH, DROP_FORBIDDEN_INDICATOR_BOTTOM, DROP_FORBIDDEN_INDICATOR_TOP, DROP_INDICATOR_BOTTOM, DROP_INDICATOR_TOP, MODIFICATION_ROW_HEIGHT, createCellBorderColor, createCellContentWrapperSx, createCellStyle, createEditDescriptionStyle, createHeaderCellStyle, createModificationNameCellStyle, createNameCellLabelBoxSx, createNameCellRootStyle, createRootNetworkChipCellSx, createRowSx, networkModificationTableStyles } from "./components/network-modification-table/network-modification-table-styles.js";
+import { AUTO_EXTENSIBLE_COLUMNS, BASE_MODIFICATION_TABLE_COLUMNS, computeTagMinSize } from "./components/network-modification-table/columns-definition.js";
+import { NetworkModificationsTable } from "./components/network-modification-table/network-modifications-table.js";
+import { useModificationsDragAndDrop } from "./components/network-modification-table/use-modifications-drag-and-drop.js";
+import { DepthBox } from "./components/network-modification-table/renderers/depth-box.js";
+import { DragHandleCell } from "./components/network-modification-table/renderers/drag-handle-cell.js";
+import { NameCell } from "./components/network-modification-table/renderers/name-cell.js";
+import { NetworkModificationEditorNameHeader } from "./components/network-modification-table/renderers/network-modification-node-editor-name-header.js";
+import { SelectCell } from "./components/network-modification-table/renderers/select-cell.js";
+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 { useStateBoolean } from "./hooks/customStates/useStateBoolean.js";
 import { useStateNumber } from "./hooks/customStates/useStateNumber.js";
 import { useModificationLabelComputer } from "./hooks/useModificationLabelComputer.js";
@@ -379,6 +392,7 @@ export {
   ACTIVE,
   ALL_EQUIPMENTS,
   AMPERE,
+  AUTO_EXTENSIBLE_COLUMNS,
   AboutDialog,
   ActivableChip,
   ActivePowerAdornment,
@@ -396,6 +410,7 @@ export {
   AutocompleteWithFavorites,
   BALANCE_TYPE,
   BASE_EQUIPMENTS,
+  BASE_MODIFICATION_TABLE_COLUMNS,
   Battery,
   BooleanCellRenderer,
   BooleanInput,
@@ -417,6 +432,7 @@ export {
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
   COLUMNS_DEFINITIONS_NODES,
   COLUMNS_DEFINITIONS_PSTS,
+  COLUMNS_WITHOUT_BORDER,
   COMBINATOR_OPTIONS,
   COMMON_APP_NAME,
   COMMON_CONFIG_PARAMS_NAMES,
@@ -476,14 +492,20 @@ export {
   DEFAULT_TIMEOUT_MS,
   DEFAULT_UPDATE_BUS_VOLTAGE,
   DEGREE,
+  DEPTH_CELL_WIDTH,
   DESCRIPTION,
   DIAGONAL_LABEL,
   DISTRIBUTED_SLACK,
   DISTRIBUTION_KEY,
+  DROP_FORBIDDEN_INDICATOR_BOTTOM,
+  DROP_FORBIDDEN_INDICATOR_TOP,
+  DROP_INDICATOR_BOTTOM,
+  DROP_INDICATOR_TOP,
   DUPLICATED_PROPS_ERROR,
   DanglingLine,
   DataType,
   DefaultCellRenderer,
+  DepthBox,
   DescriptionField,
   DescriptionInput,
   DescriptionModificationDialog,
@@ -496,6 +518,8 @@ export {
   DndTableAddRowsDialog,
   DndTableBottomLeftButtons,
   DndTableBottomRightButtons,
+  DragCloneRow,
+  DragHandleCell,
   DynamicMarginCalculationInline,
   DynamicSecurityAnalysisInline,
   DynamicSimulationInline,
@@ -634,6 +658,7 @@ export {
   MEGA_WATT,
   MICRO_SIEMENS,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
+  MODIFICATION_ROW_HEIGHT,
   MODIFICATION_TYPES,
   MONITORED_BRANCHES_EQUIPMENT_TYPES,
   MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES,
@@ -642,6 +667,7 @@ export {
   MicroSusceptanceAdornment,
   MidFormError,
   ModificationByAssignmentForm,
+  ModificationRow,
   ModificationType,
   ModifyElementSelection,
   MuiSelectInput,
@@ -654,7 +680,10 @@ export {
   NODE_CLUSTER_FILTER_IDS,
   NO_ITEM_SELECTION_FOR_COPY,
   NadPositionsGenerationMode,
+  NameCell,
+  NetworkModificationEditorNameHeader,
   NetworkModificationNameCellRenderer,
+  NetworkModificationsTable,
   NetworkTimeoutError,
   NetworkVisualizationParametersInline,
   NetworkVisualizationTabValues,
@@ -779,7 +808,9 @@ export {
   SWITCH_TYPE,
   SecurityAnalysisParametersDialog,
   SecurityAnalysisParametersInline,
+  SelectCell,
   SelectClearable,
+  SelectHeaderCell,
   SelectInput,
   SelectWithConfirmationInput,
   SensiBranchesTabValues,
@@ -876,19 +907,32 @@ export {
   cardErrorBoundaryEn,
   cardErrorBoundaryFr,
   catchErrorHandler,
+  changeCompositeSubModificationOrder,
+  changeNetworkModificationOrder,
   commonButtonEn,
   commonButtonFr,
   componentsEn,
   componentsFr,
+  computeTagMinSize,
   convertInputValue,
   convertOutputValue,
   copyEquipmentPropertiesForCreation,
   copyToClipboard,
   countRules,
+  createCellBorderColor,
+  createCellContentWrapperSx,
+  createCellStyle,
   createConnectivityData,
+  createEditDescriptionStyle,
   createFilter,
+  createHeaderCellStyle,
+  createModificationNameCellStyle,
+  createNameCellLabelBoxSx,
+  createNameCellRootStyle,
   createParameter,
   createPropertyModification,
+  createRootNetworkChipCellSx,
+  createRowSx,
   creationPropertiesSchema,
   csvEn,
   csvFr,
@@ -962,20 +1006,25 @@ export {
   fetchSecurityAnalysisProviders,
   fetchShortCircuitParameters,
   fetchStudyMetadata,
+  fetchSubModificationsForExpandedRows,
   fetchUserDetails,
   filledTextField,
   filterEn,
   filterExpertEn,
   filterExpertFr,
   filterFr,
+  findAllLoadedCompositeModifications,
+  findModificationInTree,
   flatParametersEn,
   flatParametersFr,
   formatComputingTypeLabel,
+  formatToComposedModification,
   genHelperError,
   generateTreeViewFinderClass,
   getActivePowerSetPointSchema,
   getAppName,
   getAvailableComponentLibraries,
+  getBaseNetworkModificationUrl,
   getBranchActiveReactivePowerEditData,
   getBranchActiveReactivePowerEditDataProperties,
   getBranchActiveReactivePowerEmptyFormData,
@@ -1027,6 +1076,7 @@ export {
   getLoadFlowSpecificParametersDescription,
   getLoadFlowUrl,
   getLoadTypeLabel,
+  getNetworkModificationsFromComposite,
   getNetworkVisualizationsParameters,
   getNewVoltageLevelData,
   getNumberOfSiblings,
@@ -1050,6 +1100,7 @@ export {
   getStudyNetworkVisualizationsParameters,
   getStudyShortCircuitParameters,
   getStudyUrl,
+  getStudyUrlWithNodeUuid,
   getSystemLanguage,
   getUserToken,
   getVoltageInitParameters,
@@ -1072,6 +1123,7 @@ export {
   intlInitialVoltageProfileMode,
   intlPredefinedParametersOptions,
   isBlankOrEmpty,
+  isCompositeModification,
   isEmpty,
   isExploreMetadata,
   isFieldRequired,
@@ -1098,14 +1150,17 @@ export {
   logout,
   makeComposeClasses,
   mergeModificationAndEquipmentProperties,
+  mergeSubModificationsIntoTree,
   mergeSx,
   microUnitToUnit,
   modificationByAssignmentDtoToForm,
   modificationByAssignmentFormSchema,
   modificationByAssignmentFormToDto,
   modificationPropertiesSchema,
+  moveSubModificationInTree,
   multipleSelectionDialogEn,
   multipleSelectionDialogFr,
+  networkModificationTableStyles,
   networkModificationsEn,
   networkModificationsFr,
   newEquipmentDeletionDto,
@@ -1176,10 +1231,12 @@ export {
   updateDynamicMarginCalculationParameters,
   updateDynamicSimulationParameters,
   updateModification,
+  updateModificationFieldInTree,
   updateParameter,
   updatePccMinParameters,
   updateSecurityAnalysisParameters,
   updateShortCircuitParameters,
+  updateSubModificationsOfACompositeInTree,
   updateVoltageInitParameters,
   useConfidentialityWarning,
   useConvertValue,
@@ -1195,6 +1252,7 @@ export {
   useListenerManager,
   useLocalizedCountries,
   useModificationLabelComputer,
+  useModificationsDragAndDrop,
   useNotificationsListener,
   useParametersBackend,
   useParametersForm,

package/dist/module-tanstack.d.js

@@ -0,0 +1 @@
+

package/dist/services/index.js

@@ -11,7 +11,7 @@ import { fetchCurrentAnnouncement, fetchUserDetails } from "./userAdmin.js";
 import { DEFAULT_TIMEOUT_MS, IGNORE_SIGNAL, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, getRequestParamFromList, handleNotOkResponse, parseError, safeEncodeURIComponent } from "./utils.js";
 import { getVoltageInitParameters, getVoltageInitUrl } from "./voltage-init.js";
 import { fetchShortCircuitParameters, getShortCircuitSpecificParametersDescription, updateShortCircuitParameters } from "./short-circuit-analysis.js";
-import { fetchBusBarSectionsForNewCoupler, fetchNetworkModification, updateModification } from "./networkModification.js";
+import { changeCompositeSubModificationOrder, changeNetworkModificationOrder, fetchBusBarSectionsForNewCoupler, fetchNetworkModification, getBaseNetworkModificationUrl, getNetworkModificationsFromComposite, getStudyUrlWithNodeUuid, updateModification } from "./networkModification.js";
 import { fetchDynamicSimulationModels, getDynamicMappings } from "./dynamic-mapping.js";
 import { fetchDynamicSimulationParameters, fetchDynamicSimulationProviders, updateDynamicSimulationParameters } from "./dynamic-simulation.js";
 import { fetchContingencyAndFiltersLists, fetchDynamicSecurityAnalysisProviders } from "./dynamic-security-analysis.js";
@@ -25,6 +25,8 @@ export {
   backendFetchFile,
   backendFetchJson,
   backendFetchText,
+  changeCompositeSubModificationOrder,
+  changeNetworkModificationOrder,
   createFilter,
   createParameter,
   elementAlreadyExists,
@@ -59,11 +61,13 @@ export {
   fetchUserDetails,
   getAppName,
   getAvailableComponentLibraries,
+  getBaseNetworkModificationUrl,
   getDynamicMappings,
   getLoadFlowDefaultLimitReductions,
   getLoadFlowProviders,
   getLoadFlowSpecificParametersDescription,
   getLoadFlowUrl,
+  getNetworkModificationsFromComposite,
   getNetworkVisualizationsParameters,
   getPccMinStudyParameters,
   getRequestParamFromList,
@@ -73,6 +77,7 @@ export {
   getStudyNetworkVisualizationsParameters,
   getStudyShortCircuitParameters,
   getStudyUrl,
+  getStudyUrlWithNodeUuid,
   getVoltageInitParameters,
   getVoltageInitUrl,
   handleNotOkResponse,

package/dist/services/networkModification.d.ts

@@ -1,7 +1,28 @@
 import { UUID } from 'node:crypto';
+import { NetworkModificationMetadata } from '../utils';
+export declare const getBaseNetworkModificationUrl: () => string;
+export declare const getStudyUrlWithNodeUuid: (studyUuid: string | null | undefined, nodeUuid: string | undefined) => string;
 export declare function fetchNetworkModification(modificationUuid: UUID): Promise<Response>;
 export declare function fetchBusBarSectionsForNewCoupler(voltageLevelId: string, busBarCount: number, sectionCount: number, switchKindList: string[]): Promise<string[]>;
 export declare function updateModification({ modificationUuid, body }: {
     modificationUuid: UUID;
     body: string;
 }): Promise<string>;
+export declare function getNetworkModificationsFromComposite(compositeModificationUuids: string[], onlyMetadata?: boolean): Promise<Record<UUID, NetworkModificationMetadata[]>>;
+/**
+ * Move a composite sub-modification within or between composites, or between a composite and the group root.
+ *
+ * The four scenarios are encoded by the nullable sourceCompositeUuid / targetCompositeUuid:
+ *  - both present  → sub-to-sub (same composite = reorder, different = cross-composite move)
+ *  - source only   → extract from composite to root level
+ *  - target only   → embed root-level modification into a composite
+ *
+ * @param studyUuid
+ * @param nodeUuid
+ * @param modificationUuid
+ * @param sourceCompositeUuid  UUID of the composite that currently owns the modification; null if at root
+ * @param targetCompositeUuid  UUID of the target composite; null to place at root level
+ * @param beforeUuid           insert before this UUID in the target collection; null to append at end
+ */
+export declare function changeCompositeSubModificationOrder(studyUuid: UUID | null, nodeUuid: UUID | undefined, modificationUuid: UUID, sourceCompositeUuid: UUID | null, targetCompositeUuid: UUID | null, beforeUuid: UUID | null): Promise<Response>;
+export declare function changeNetworkModificationOrder(studyUuid: UUID | null, nodeUuid: UUID | undefined, itemUuid: UUID, beforeUuid: UUID | null): Promise<Response>;

package/dist/services/networkModification.js

@@ -1,5 +1,8 @@
 import { safeEncodeURIComponent, backendFetch, backendFetchJson, backendFetchText } from "./utils.js";
+import { PREFIX_STUDY_QUERIES } from "./loadflow.js";
 const PREFIX_NETWORK_MODIFICATION_QUERIES = `${"api/gateway"}/network-modification`;
+const getBaseNetworkModificationUrl = () => `${PREFIX_NETWORK_MODIFICATION_QUERIES}/v1`;
+const getStudyUrlWithNodeUuid = (studyUuid, nodeUuid) => `${PREFIX_STUDY_QUERIES}/v1/studies/${safeEncodeURIComponent(studyUuid)}/nodes/${safeEncodeURIComponent(nodeUuid)}`;
 function getUrl() {
   return `${PREFIX_NETWORK_MODIFICATION_QUERIES}/v1/network-modifications`;
 }
@@ -33,8 +36,39 @@ function updateModification({ modificationUuid, body }) {
     body
   });
 }
+function getNetworkModificationsFromComposite(compositeModificationUuids, onlyMetadata = true) {
+  const urlSearchParams = new URLSearchParams();
+  compositeModificationUuids.forEach((uuid) => urlSearchParams.append("uuids", uuid));
+  urlSearchParams.append("onlyMetadata", String(onlyMetadata));
+  const url = `${getBaseNetworkModificationUrl()}/network-composite-modifications/network-modifications?${urlSearchParams.toString()}`;
+  console.debug(url);
+  return backendFetchJson(url);
+}
+function changeCompositeSubModificationOrder(studyUuid, nodeUuid, modificationUuid, sourceCompositeUuid, targetCompositeUuid, beforeUuid) {
+  console.info(`move composite sub-modification ${modificationUuid} in node ${nodeUuid}`);
+  const params = new URLSearchParams();
+  if (sourceCompositeUuid) params.set("sourceCompositeUuid", sourceCompositeUuid);
+  if (targetCompositeUuid) params.set("targetCompositeUuid", targetCompositeUuid);
+  if (beforeUuid) params.set("beforeUuid", beforeUuid);
+  const paramsStr = params.toString() ? `?${params.toString()}` : ``;
+  const url = `${getStudyUrlWithNodeUuid(studyUuid, nodeUuid)}/composite-sub-modification/${modificationUuid}${paramsStr}`;
+  console.debug(url);
+  return backendFetch(url, { method: "put" });
+}
+function changeNetworkModificationOrder(studyUuid, nodeUuid, itemUuid, beforeUuid) {
+  console.info(`reorder node ${nodeUuid} of study ${studyUuid}`);
+  const beforeParam = new URLSearchParams({ beforeUuid: beforeUuid || "" }).toString();
+  const url = `${getStudyUrlWithNodeUuid(studyUuid, nodeUuid)}/network-modification/${itemUuid}?${beforeParam}`;
+  console.debug(url);
+  return backendFetch(url, { method: "put" });
+}
 export {
+  changeCompositeSubModificationOrder,
+  changeNetworkModificationOrder,
   fetchBusBarSectionsForNewCoupler,
   fetchNetworkModification,
+  getBaseNetworkModificationUrl,
+  getNetworkModificationsFromComposite,
+  getStudyUrlWithNodeUuid,
   updateModification
 };

package/dist/utils/types/index.d.ts

@@ -21,3 +21,4 @@ export * from './loadflow.type';
 export * from './sensitivity-analysis.type';
 export * from './dynamic-margin-calculation.type';
 export * from './network-modification-types';
+export * from './network-modification-metadata';

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

@@ -0,0 +1,15 @@
+import { UUID } from 'node:crypto';
+import { ModificationType } from './modificationType';
+export interface NetworkModificationMetadata {
+    uuid: UUID;
+    type: ModificationType;
+    date: Date;
+    stashed: boolean;
+    activated: boolean;
+    description: string;
+    messageType: string;
+    messageValues: string;
+}
+export interface ComposedModificationMetadata extends NetworkModificationMetadata {
+    subModifications: ComposedModificationMetadata[];
+}

package/dist/utils/types/network-modification-metadata.js

@@ -0,0 +1 @@
+

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

@@ -1,9 +1,4 @@
-/**
- * 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/.
- */
+import { UUID } from 'node:crypto';
 export declare enum OperationType {
     SET = "SET",
     UNSET = "UNSET"
@@ -12,3 +7,7 @@ export type AttributeModification<T> = {
     value?: T;
     op: OperationType;
 };
+export interface ExcludedNetworkModifications {
+    rootNetworkUuid: UUID;
+    modificationUuidsToExclude: UUID[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.195.0",
+    "version": "0.196.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",
@@ -57,6 +57,8 @@
         "react-window": "^2.2.1",
         "reconnecting-websocket": "^4.4.0",
         "type-fest": "^4.41.0",
+        "@tanstack/react-table": "^8.21.3",
+        "@tanstack/react-virtual": "^3.13.18",
         "uuid": "^13.0.0"
     },
     "peerDependencies": {