@gridsuite/commons-ui 0.194.0 → 0.196.0

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.194.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": {