@gridsuite/commons-ui 0.252.0 → 0.253.0

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

@@ -13,7 +13,7 @@ import { snackWithFallback } from "../../utils/error.js";
 import "../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { injectForbiddenChips, CHIP_ATTR } from "./drag-forbidden-chip.js";
-import { changeCompositeSubModificationOrder, changeNetworkModificationOrder } from "../../services/networkModification.js";
+import { moveModification, ModificationContainerType } from "../../services/networkModification.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -97,40 +97,6 @@ const useModificationsDragAndDrop = ({
     },
     [containerRef, isDropForbidden, rows]
   );
-  const handleDragEndComposite = useCallback(
-    (sourceRow, targetRow, droppingIntoExpandedComposite, isDraggingDown) => {
-      const movingUuid = sourceRow.original.uuid;
-      const sourceCompositeUuid = sourceRow.depth > 0 ? sourceRow.getParentRow()?.original.uuid ?? null : null;
-      const targetCompositeUuid = getTargetCompositeUuid(droppingIntoExpandedComposite, targetRow);
-      const targetSiblings = getTargetSiblings(targetCompositeUuid, rows);
-      let beforeUuid;
-      if (droppingIntoExpandedComposite) {
-        beforeUuid = targetSiblings[0]?.original.uuid ?? null;
-      } else {
-        const landingIndexInSiblings = targetSiblings.findIndex(
-          (r) => r.original.uuid === targetRow.original.uuid
-        );
-        const beforeSiblingIndex = isDraggingDown ? landingIndexInSiblings + 1 : landingIndexInSiblings;
-        beforeUuid = targetSiblings[beforeSiblingIndex]?.original.uuid ?? null;
-      }
-      const previousComposed = composedModifications;
-      setComposedModifications(
-        (prev) => moveSubModificationInTree(movingUuid, sourceCompositeUuid, targetCompositeUuid, beforeUuid, prev)
-      );
-      changeCompositeSubModificationOrder(
-        studyUuid,
-        currentNodeUuid,
-        movingUuid,
-        sourceCompositeUuid,
-        targetCompositeUuid,
-        beforeUuid
-      ).catch((error) => {
-        snackWithFallback(snackError, error, { headerId: "errReorderModificationMsg" });
-        setComposedModifications(previousComposed);
-      });
-    },
-    [rows, studyUuid, currentNodeUuid, snackError, composedModifications, setComposedModifications]
-  );
   const handleDragEnd = useCallback(
     (result) => {
       clearRowDragIndicators(containerRef.current);
@@ -144,37 +110,65 @@ const useModificationsDragAndDrop = ({
       if (isDropForbidden(sourceRow, targetRow)) {
         return;
       }
-      const isSubRowInvolved = sourceRow.depth > 0 || targetRow.depth > 0;
+      const movingUuid = sourceRow.original.uuid;
+      const sourceCompositeUuid = sourceRow.depth > 0 ? sourceRow.getParentRow()?.original.uuid ?? null : null;
       const isDraggingDown = destination.index > source.index;
       const droppingIntoExpandedComposite = isDraggingDown && targetRow.getIsExpanded();
-      if (isSubRowInvolved || droppingIntoExpandedComposite) {
-        handleDragEndComposite(sourceRow, targetRow, droppingIntoExpandedComposite, isDraggingDown);
+      const isSubRowInvolved = sourceRow.depth > 0 || targetRow.depth > 0;
+      const targetCompositeUuid = getTargetCompositeUuid(droppingIntoExpandedComposite, targetRow);
+      const sourceContainerId = sourceRow.depth > 0 ? sourceRow.getParentRow()?.original.uuid ?? null : null;
+      const targetContainerId = targetCompositeUuid;
+      const previousModifications = [...composedModifications];
+      let beforeUuid;
+      if (droppingIntoExpandedComposite || isSubRowInvolved) {
+        const targetSiblings = getTargetSiblings(targetCompositeUuid, rows);
+        if (droppingIntoExpandedComposite) {
+          beforeUuid = targetSiblings[0]?.original.uuid ?? null;
+        } else {
+          const landingIndexInSiblings = targetSiblings.findIndex(
+            (r) => r.original.uuid === targetRow.original.uuid
+          );
+          const beforeSiblingIndex = isDraggingDown ? landingIndexInSiblings + 1 : landingIndexInSiblings;
+          beforeUuid = targetSiblings[beforeSiblingIndex]?.original.uuid ?? null;
+        }
+        setComposedModifications(
+          (prev) => moveSubModificationInTree(movingUuid, sourceCompositeUuid, targetCompositeUuid, beforeUuid, prev)
+        );
       } else {
-        const sourceDepth0Uuid = sourceRow.original.uuid;
-        const targetDepth0Uuid = targetRow.original.uuid;
-        const oldPosition = composedModifications.findIndex((m) => m.uuid === sourceDepth0Uuid);
-        const newPosition = composedModifications.findIndex((m) => m.uuid === targetDepth0Uuid);
+        const oldPosition = composedModifications.findIndex((m) => m.uuid === sourceRow.original.uuid);
+        const newPosition = composedModifications.findIndex((m) => m.uuid === targetRow.original.uuid);
         if (oldPosition === -1 || newPosition === -1 || oldPosition === newPosition || !currentNodeUuid) {
           return;
         }
-        const previousModifications = [...composedModifications];
         const updatedModifications = [...composedModifications];
         const [movedItem] = updatedModifications.splice(oldPosition, 1);
         updatedModifications.splice(newPosition, 0, movedItem);
+        beforeUuid = updatedModifications[newPosition + 1]?.uuid ?? null;
         setComposedModifications(updatedModifications);
-        const before = updatedModifications[newPosition + 1]?.uuid ?? null;
-        changeNetworkModificationOrder(studyUuid, currentNodeUuid, movedItem.uuid, before).catch((error) => {
-          snackWithFallback(snackError, error, { headerId: "errReorderModificationMsg" });
-          setComposedModifications(previousModifications);
-        });
       }
+      moveModification(
+        studyUuid,
+        currentNodeUuid,
+        movingUuid,
+        {
+          id: sourceContainerId,
+          type: sourceContainerId ? ModificationContainerType.COMPOSITE : ModificationContainerType.GROUP
+        },
+        {
+          id: targetContainerId,
+          type: targetContainerId ? ModificationContainerType.COMPOSITE : ModificationContainerType.GROUP
+        },
+        beforeUuid
+      ).catch((error) => {
+        snackWithFallback(snackError, error, { headerId: "errReorderModificationMsg" });
+        setComposedModifications(previousModifications);
+      });
     },
     [
       containerRef,
       onDragEnd,
       rows,
       isDropForbidden,
-      handleDragEndComposite,
       composedModifications,
       currentNodeUuid,
       setComposedModifications,

package/dist/features/parameters/common/parameter-field.js

@@ -41,13 +41,6 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { LineSeparator } from "./line-separator.js";
-import "./parameter-layout/parameter-layout-provider.js";
-import "./widget/parameter-line-slider.js";
-import "./contingency-table/contingency-table.js";
-import "./contingency-table/columns-definitions.js";
-import "@hookform/resolvers/yup";
-import "../../../components/composite/filter/HeaderFilterForm.js";
 function ParameterField({
   id,
   name,
@@ -117,8 +110,7 @@ function ParameterField({
   const INPUT_GRID_SIZE = 12 - LABEL_GRID_SIZE;
   return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsx(Grid2, { size: LABEL_GRID_SIZE, children: /* @__PURE__ */ jsx(CustomTooltip, { title: description, children: /* @__PURE__ */ jsx(Typography, { sx: parametersStyles.parameterName, children: label ? /* @__PURE__ */ jsx(FormattedMessage, { id: label }) : name }) }, name) }),
-    /* @__PURE__ */ jsx(Grid2, { container: true, size: INPUT_GRID_SIZE, sx: parametersStyles.controlItem, children: renderField() }),
-    /* @__PURE__ */ jsx(LineSeparator, {})
+    /* @__PURE__ */ jsx(Grid2, { container: true, size: INPUT_GRID_SIZE, sx: parametersStyles.controlItem, children: renderField() })
   ] }, name);
 }
 export {

package/dist/features/parameters/network-visualizations/map-parameters.js

@@ -3,8 +3,8 @@ import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect } from "react";
 import { MAP_BASE_MAP, NetworkVisualizationTabValues, PARAM_MAP_BASEMAP, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, INTL_LINE_FLOW_MODE_OPTIONS, LINE_FLOW_MODE, PARAM_LINE_FLOW_MODE, MAP_MANUAL_REFRESH, PARAM_MAP_MANUAL_REFRESH } from "./constants.js";
-import "@mui/icons-material";
 import { parametersStyles } from "../parameters-style.js";
+import "@mui/icons-material";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
@@ -35,13 +35,6 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { LineSeparator } from "../common/line-separator.js";
-import "../common/parameter-layout/parameter-layout-provider.js";
-import "../common/widget/parameter-line-slider.js";
-import "../common/contingency-table/contingency-table.js";
-import "../common/contingency-table/columns-definitions.js";
-import "@hookform/resolvers/yup";
-import "../../../components/composite/filter/HeaderFilterForm.js";
 const fetchMapBaseOption = async () => {
   const studyMetadata = await fetchStudyMetadata();
   return studyMetadata.baseMapOptions;
@@ -96,13 +89,9 @@ function MapParameters() {
       justifyContent: "space-between",
       children: [
         lineSwitch(PARAM_LINE_FULL_PATH, PARAM_LINE_FULL_PATH),
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         lineSwitch(PARAM_LINE_PARALLEL_PATH, PARAM_LINE_PARALLEL_PATH),
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         lineFlow(PARAM_LINE_FLOW_MODE, LINE_FLOW_MODE, INTL_LINE_FLOW_MODE_OPTIONS),
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         lineSwitch(PARAM_MAP_MANUAL_REFRESH, MAP_MANUAL_REFRESH),
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         mapBaseMap
       ]
     },

package/dist/features/parameters/network-visualizations/single-line-diagram-parameters.js

@@ -2,8 +2,8 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Grid2 } from "@mui/material";
 import { useMemo } from "react";
 import { FormattedMessage } from "react-intl";
+import { INTL_SUBSTATION_LAYOUT_OPTIONS, SUBSTATION_LAYOUT, NetworkVisualizationTabValues, PARAM_SUBSTATION_LAYOUT, COMPONENT_LIBRARY, PARAM_COMPONENT_LIBRARY, DIAGONAL_LABEL, PARAM_DIAGONAL_LABEL, CENTER_LABEL, PARAM_CENTER_LABEL, CUSTOM_REAL_TIME_STATE_ESTIMATION, PARAM_STATE_ESTIMATION } from "./constants.js";
 import "@mui/icons-material";
-import { parametersStyles } from "../parameters-style.js";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
@@ -32,14 +32,7 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { LineSeparator } from "../common/line-separator.js";
-import "../common/parameter-layout/parameter-layout-provider.js";
-import "../common/widget/parameter-line-slider.js";
-import "../common/contingency-table/contingency-table.js";
-import "../common/contingency-table/columns-definitions.js";
-import "@hookform/resolvers/yup";
-import "../../../components/composite/filter/HeaderFilterForm.js";
-import { INTL_SUBSTATION_LAYOUT_OPTIONS, SUBSTATION_LAYOUT, NetworkVisualizationTabValues, PARAM_SUBSTATION_LAYOUT, COMPONENT_LIBRARY, PARAM_COMPONENT_LIBRARY, DIAGONAL_LABEL, PARAM_DIAGONAL_LABEL, CENTER_LABEL, PARAM_CENTER_LABEL, CUSTOM_REAL_TIME_STATE_ESTIMATION, PARAM_STATE_ESTIMATION } from "./constants.js";
+import { parametersStyles } from "../parameters-style.js";
 function SingleLineDiagramParameters({ componentLibraries }) {
   const componentLibsRenderCache = useMemo(
     () => Object.fromEntries(componentLibraries.filter(Boolean).map((libLabel) => [libLabel, libLabel])),
@@ -88,13 +81,9 @@ function SingleLineDiagramParameters({ componentLibraries }) {
       justifyContent: "space-between",
       children: [
         labelPosition(PARAM_DIAGONAL_LABEL, DIAGONAL_LABEL),
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         labelPosition(PARAM_CENTER_LABEL, CENTER_LABEL),
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         substationLineDropDown,
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         componentLineDropDown,
-        /* @__PURE__ */ jsx(LineSeparator, {}),
         labelPosition(PARAM_STATE_ESTIMATION, CUSTOM_REAL_TIME_STATE_ESTIMATION)
       ]
     },

package/dist/features/parameters/parameters-style.d.ts

@@ -15,7 +15,6 @@ export declare const parametersStyles: {
         minWidth: string;
     };
     readonly parameterName: (theme: import('@mui/material').Theme) => {
-        fontWeight: string;
         marginTop: string;
     };
     readonly controlItem: {

package/dist/features/parameters/parameters-style.js

@@ -6,7 +6,6 @@ const parametersStyles = {
     minWidth: theme.spacing(20)
   }),
   parameterName: (theme) => ({
-    fontWeight: "bold",
     marginTop: theme.spacing(1)
   }),
   controlItem: {

package/dist/index.js

@@ -340,7 +340,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 { changeCompositeSubModificationOrder, changeNetworkModificationOrder, fetchBusBarSectionsForNewCoupler, fetchNetworkModification, getBaseNetworkModificationUrl, getNetworkModificationsFromComposite, getStudyUrlWithNodeUuid, setModificationMetadata, updateModification, updateModificationStatusByRootNetwork, updateNetworkModificationsMetadata } from "./services/networkModification.js";
+import { ModificationContainerType, fetchBusBarSectionsForNewCoupler, fetchNetworkModification, getBaseNetworkModificationUrl, getNetworkModificationsFromComposite, getStudyUrlWithNodeUuid, moveModification, setModificationMetadata, updateModification, updateModificationStatusByRootNetwork, updateNetworkModificationsMetadata } from "./services/networkModification.js";
 import { fetchDynamicSimulationModels } from "./services/dynamic-mapping.js";
 import { fetchDynamicSimulationParameters, fetchDynamicSimulationProviders, updateDynamicSimulationParameters } from "./services/dynamic-simulation.js";
 import { fetchContingencyAndFiltersLists, fetchDynamicSecurityAnalysisProviders } from "./services/dynamic-security-analysis.js";
@@ -864,6 +864,7 @@ export {
   MicroSusceptanceAdornment,
   MidFormError,
   ModificationByAssignmentForm,
+  ModificationContainerType,
   ModificationRow,
   ModificationType,
   ModifyElementSelection,
@@ -1165,8 +1166,6 @@ export {
   cardErrorBoundaryEn,
   cardErrorBoundaryFr,
   catchErrorHandler,
-  changeCompositeSubModificationOrder,
-  changeNetworkModificationOrder,
   commonButtonEn,
   commonButtonFr,
   componentsEn,
@@ -1519,6 +1518,7 @@ export {
   modificationByAssignmentFormSchema,
   modificationByAssignmentFormToDto,
   modificationPropertiesSchema,
+  moveModification,
   moveSubModificationInTree,
   multipleSelectionDialogEn,
   multipleSelectionDialogFr,

package/dist/services/index.js

@@ -12,7 +12,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 { changeCompositeSubModificationOrder, changeNetworkModificationOrder, fetchBusBarSectionsForNewCoupler, fetchNetworkModification, getBaseNetworkModificationUrl, getNetworkModificationsFromComposite, getStudyUrlWithNodeUuid, setModificationMetadata, updateModification, updateModificationStatusByRootNetwork, updateNetworkModificationsMetadata } from "./networkModification.js";
+import { ModificationContainerType, fetchBusBarSectionsForNewCoupler, fetchNetworkModification, getBaseNetworkModificationUrl, getNetworkModificationsFromComposite, getStudyUrlWithNodeUuid, moveModification, setModificationMetadata, updateModification, updateModificationStatusByRootNetwork, updateNetworkModificationsMetadata } from "./networkModification.js";
 import { fetchDynamicSimulationModels } from "./dynamic-mapping.js";
 import { fetchDynamicSimulationParameters, fetchDynamicSimulationProviders, updateDynamicSimulationParameters } from "./dynamic-simulation.js";
 import { fetchContingencyAndFiltersLists, fetchDynamicSecurityAnalysisProviders } from "./dynamic-security-analysis.js";
@@ -20,14 +20,13 @@ import { fetchDynamicMarginCalculationParameters, fetchDynamicMarginCalculationP
 export {
   DEFAULT_TIMEOUT_MS,
   IGNORE_SIGNAL,
+  ModificationContainerType,
   PREFIX_STUDY_QUERIES,
   PermissionType,
   backendFetch,
   backendFetchFile,
   backendFetchJson,
   backendFetchText,
-  changeCompositeSubModificationOrder,
-  changeNetworkModificationOrder,
   createFilter,
   createParameter,
   elementAlreadyExists,
@@ -94,6 +93,7 @@ export {
   hasElementPermission,
   isExploreMetadata,
   isStudyMetadata,
+  moveModification,
   parseError,
   safeEncodeURIComponent,
   saveFilter,

package/dist/services/networkModification.d.ts

@@ -2,6 +2,14 @@ import { UUID } from 'node:crypto';
 import { ComposedModificationMetadata, NetworkModificationMetadata } from '../utils';
 export declare const getBaseNetworkModificationUrl: () => string;
 export declare const getStudyUrlWithNodeUuid: (studyUuid: string | null | undefined, nodeUuid: string | undefined) => string;
+export declare enum ModificationContainerType {
+    GROUP = "GROUP",
+    COMPOSITE = "COMPOSITE"
+}
+export type ModificationContainer = {
+    id: UUID | null;
+    type: ModificationContainerType | null;
+};
 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 }: {
@@ -14,22 +22,6 @@ export declare function updateModification({ modificationUuid, body }: {
  */
 export declare function updateNetworkModificationsMetadata(modificationUuids: UUID[], metadata: Partial<ComposedModificationMetadata>): Promise<Response>;
 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>;
+export declare function moveModification(studyUuid: UUID | null, nodeUuid: UUID | undefined, modificationUuid: UUID, sourceContainer: ModificationContainer, targetContainer: ModificationContainer, beforeUuid: UUID | null): Promise<Response>;
 export declare function setModificationMetadata(studyUuid: UUID | null, nodeUuid: UUID | undefined, modificationUuid: UUID | undefined, metadata: Partial<NetworkModificationMetadata | ComposedModificationMetadata>): Promise<Response>;
 export declare function updateModificationStatusByRootNetwork(studyUuid: UUID, nodeUuid: UUID, rootNetworkUuid: UUID, modificationUuid: UUID, activated: boolean): Promise<Response>;

package/dist/services/networkModification.js

@@ -1,4 +1,4 @@
-import { backendFetch, backendFetchJson, safeEncodeURIComponent, backendFetchText } from "./utils.js";
+import { backendFetchJson, backendFetch, safeEncodeURIComponent, 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`;
@@ -6,6 +6,11 @@ const getStudyUrlWithNodeUuid = (studyUuid, nodeUuid) => `${PREFIX_STUDY_QUERIES
 function getUrl() {
   return `${PREFIX_NETWORK_MODIFICATION_QUERIES}/v1/network-modifications`;
 }
+var ModificationContainerType = /* @__PURE__ */ ((ModificationContainerType2) => {
+  ModificationContainerType2["GROUP"] = "GROUP";
+  ModificationContainerType2["COMPOSITE"] = "COMPOSITE";
+  return ModificationContainerType2;
+})(ModificationContainerType || {});
 function fetchNetworkModification(modificationUuid) {
   const modificationFetchUrl = `${getUrl()}/${safeEncodeURIComponent(modificationUuid)}`;
   console.debug(modificationFetchUrl);
@@ -58,23 +63,15 @@ function getNetworkModificationsFromComposite(compositeModificationUuids, onlyMe
   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}`;
+function moveModification(studyUuid, nodeUuid, modificationUuid, sourceContainer, targetContainer, beforeUuid) {
+  console.info(`move modification ${modificationUuid} in node ${nodeUuid}`);
+  const url = `${getStudyUrlWithNodeUuid(studyUuid, nodeUuid)}/network-modification/${modificationUuid}`;
   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" });
+  return backendFetch(url, {
+    method: "put",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ source: sourceContainer, target: targetContainer, beforeUuid })
+  });
 }
 const getStudyUrlWithNodeUuidAndRootNetworkUuid = (studyUuid, nodeUuid, rootNetworkUuid) => `${PREFIX_STUDY_QUERIES}/v1/studies/${safeEncodeURIComponent(studyUuid)}/root-networks/${safeEncodeURIComponent(
   rootNetworkUuid
@@ -104,13 +101,13 @@ function updateModificationStatusByRootNetwork(studyUuid, nodeUuid, rootNetworkU
   return backendFetch(url, { method: "PUT" });
 }
 export {
-  changeCompositeSubModificationOrder,
-  changeNetworkModificationOrder,
+  ModificationContainerType,
   fetchBusBarSectionsForNewCoupler,
   fetchNetworkModification,
   getBaseNetworkModificationUrl,
   getNetworkModificationsFromComposite,
   getStudyUrlWithNodeUuid,
+  moveModification,
   setModificationMetadata,
   updateModification,
   updateModificationStatusByRootNetwork,

package/package.json

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