@gridsuite/commons-ui 0.251.0 → 0.253.0

package/dist/components/index.js

@@ -42,7 +42,7 @@ import { SubmitButton } from "./ui/reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./ui/reactHookForm/utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./ui/reactHookForm/utils/functions.js";
 import { HelperPreviousValue } from "./ui/reactHookForm/utils/HelperPreviousValue.js";
-import { DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./ui/reactHookForm/constants.js";
+import { ACTIVE, DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./ui/reactHookForm/constants.js";
 import { ExpandableInput } from "./ui/reactHookForm/expandableInput/ExpandableInput.js";
 import { CountrySelectionInput } from "./ui/reactHookForm/CountrySelectionInput.js";
 import { CheckboxNullableInput } from "./ui/reactHookForm/CheckboxNullableInput.js";
@@ -156,6 +156,7 @@ import { ReportType } from "./composite/report/report.type.js";
 import { GLOBAL_REPORT_NODE_LABEL, NETWORK_MODIFICATION } from "./composite/report/report.constant.js";
 import { QuickSearch } from "./composite/report/QuickSearch.js";
 export {
+  ACTIVE,
   ActivableChip,
   AddButton,
   AddButtonMode,

package/dist/components/ui/index.js

@@ -42,7 +42,7 @@ import { SubmitButton } from "./reactHookForm/utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./reactHookForm/utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./reactHookForm/utils/functions.js";
 import { HelperPreviousValue } from "./reactHookForm/utils/HelperPreviousValue.js";
-import { DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./reactHookForm/constants.js";
+import { ACTIVE, DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./reactHookForm/constants.js";
 import { ExpandableInput } from "./reactHookForm/expandableInput/ExpandableInput.js";
 import { CountrySelectionInput } from "./reactHookForm/CountrySelectionInput.js";
 import { CheckboxNullableInput } from "./reactHookForm/CheckboxNullableInput.js";
@@ -80,6 +80,7 @@ import { doesNodeHasChildren } from "./treeViewFinder/TreeViewUtils.js";
 import { DirectoryItemSelector } from "./directoryItemSelector/DirectoryItemSelector.js";
 import { CustomTablePagination } from "./tablepagination/custom-table-pagination.js";
 export {
+  ACTIVE,
   ActivableChip,
   AddButton,
   AddButtonMode,

package/dist/components/ui/reactHookForm/constants.d.ts

@@ -9,3 +9,4 @@ export declare const DESCRIPTION = "description";
 export declare const DIRECTORY_ITEM = "directoryItem";
 export declare const DIRECTORY_ITEM_ID = "directoryItemId";
 export declare const DIRECTORY_ITEM_FULL_PATH = "directoryItemFullPath";
+export declare const ACTIVE = "active";

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

@@ -3,7 +3,9 @@ const DESCRIPTION = "description";
 const DIRECTORY_ITEM = "directoryItem";
 const DIRECTORY_ITEM_ID = "directoryItemId";
 const DIRECTORY_ITEM_FULL_PATH = "directoryItemFullPath";
+const ACTIVE = "active";
 export {
+  ACTIVE,
   DESCRIPTION,
   DIRECTORY_ITEM,
   DIRECTORY_ITEM_FULL_PATH,

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

@@ -41,13 +41,14 @@ import { SubmitButton } from "./utils/SubmitButton.js";
 import { TextFieldWithAdornment } from "./utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./utils/functions.js";
 import { HelperPreviousValue } from "./utils/HelperPreviousValue.js";
-import { DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./constants.js";
+import { ACTIVE, DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./constants.js";
 import { ExpandableInput } from "./expandableInput/ExpandableInput.js";
 import { CountrySelectionInput } from "./CountrySelectionInput.js";
 import { CheckboxNullableInput } from "./CheckboxNullableInput.js";
 import { directoryItemSchema, getAbsenceLabelKeyFromType } from "./directory-item-input/directory-item-utils.js";
 import { DirectoryItemInput } from "./directory-item-input/directory-item-input.js";
 export {
+  ACTIVE,
   AutocompleteInput,
   BooleanInput,
   ButtonReadOnlyInput,

package/dist/features/index.js

@@ -67,7 +67,7 @@ import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFI
 import { DynamicSimulationInline } from "./parameters/dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./parameters/dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js";
-import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
+import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
 import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./parameters/parameters-style.js";
 import { filledTextField, italicFontTextField, standardTextField } from "./network-modifications/common/form.utils.js";
@@ -239,7 +239,6 @@ import { getSAProcessConfigBackendFromFormData, getSAProcessConfigFormDataFromFe
 import { ProcessType } from "./process-configs/process-configs.type.js";
 export {
   ACCURACY,
-  ACTIVE,
   ADVANCED_PARAMETERS,
   APPLICABILITY,
   AUTO_EXTENSIBLE_COLUMNS,

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/dynamic-margin-calculation/constants.d.ts

@@ -15,4 +15,3 @@ export declare const LOAD_MODELS_RULE = "loadModelsRule";
 export declare const LOADS_VARIATIONS = "loadsVariations";
 export declare const LOAD_FILTERS = "loadFilters";
 export declare const VARIATION = "variation";
-export declare const ACTIVE = "active";

package/dist/features/parameters/dynamic-margin-calculation/constants.js

@@ -9,10 +9,8 @@ const LOAD_MODELS_RULE = "loadModelsRule";
 const LOADS_VARIATIONS = "loadsVariations";
 const LOAD_FILTERS = "loadFilters";
 const VARIATION = "variation";
-const ACTIVE = "active";
 export {
   ACCURACY,
-  ACTIVE,
   CALCULATION_TYPE,
   LOADS_VARIATIONS,
   LOAD_FILTERS,

package/dist/features/parameters/dynamic-margin-calculation/index.js

@@ -1,8 +1,7 @@
-import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./constants.js";
+import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./constants.js";
 import { DynamicMarginCalculationInline } from "./dynamic-margin-calculation-inline.js";
 export {
   ACCURACY,
-  ACTIVE,
   CALCULATION_TYPE,
   DynamicMarginCalculationInline,
   LOADS_VARIATIONS,

package/dist/features/parameters/dynamic-margin-calculation/loads-variations-parameters.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { useIntl } from "react-intl";
 import { Grid2 } from "@mui/material";
 import * as yup from "yup";
-import { LOADS_VARIATIONS, ACTIVE, VARIATION, LOAD_FILTERS, LOAD_MODELS_RULE, ACCURACY, CALCULATION_TYPE } from "./constants.js";
+import { LOADS_VARIATIONS, VARIATION, LOAD_FILTERS, LOAD_MODELS_RULE, ACCURACY, CALCULATION_TYPE } from "./constants.js";
 import { ID } from "../../../utils/constants/filterConstant.js";
 import { YUP_REQUIRED } from "../../../utils/constants/translationKeys.js";
 import "../../../utils/conversionUtils.js";
@@ -21,7 +21,7 @@ import "localized-countries/data/en";
 import "notistack";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
 import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
-import { NAME } from "../../../components/ui/reactHookForm/constants.js";
+import { ACTIVE, NAME } from "../../../components/ui/reactHookForm/constants.js";
 import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
 import "@material-symbols/svg-400/outlined/arrows_output.svg?react";

package/dist/features/parameters/index.js

@@ -47,12 +47,11 @@ import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFI
 import { DynamicSimulationInline } from "./dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./dynamic-security-analysis/dynamic-security-analysis-inline.js";
-import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./dynamic-margin-calculation/constants.js";
+import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./dynamic-margin-calculation/constants.js";
 import { DynamicMarginCalculationInline } from "./dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./parameters-style.js";
 export {
   ACCURACY,
-  ACTIVE,
   ADVANCED_PARAMETERS,
   BALANCE_TYPE,
   CALCULATION_TYPE,

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/features/process-configs/process-configs.type.d.ts

@@ -4,9 +4,14 @@ export declare enum ProcessType {
     SECURITY_ANALYSIS = "SECURITY_ANALYSIS",
     LOADFLOW = "LOADFLOW"
 }
+export interface ModificationInfo {
+    modificationUuid: UUID;
+    description: string | null;
+    active: boolean;
+}
 export interface ProcessConfigBaseBackend {
     processType: ProcessType;
-    modificationUuids: UUID[];
+    modifications: ModificationInfo[];
 }
 export interface SecurityAnalysisProcessConfigBackend extends ProcessConfigBaseBackend {
     processType: ProcessType.SECURITY_ANALYSIS;
@@ -18,9 +23,9 @@ export type PersistedProcessConfigBackend = {
     id: UUID;
     processConfig: ProcessConfigBackend;
 };
-export type SecurityAnalysisProcessConfig = Omit<SecurityAnalysisProcessConfigBackend, 'securityAnalysisParametersUuid' | 'loadflowParametersUuid' | 'modificationUuids'> & {
+export type SecurityAnalysisProcessConfig = Omit<SecurityAnalysisProcessConfigBackend, 'securityAnalysisParametersUuid' | 'loadflowParametersUuid' | 'modifications'> & {
     modifications: (IdName & {
-        enabled: boolean;
+        active: boolean;
         description?: string;
     })[];
     loadflowParameters: IdName;

package/dist/features/process-configs/security-analysis/update-sa-process-configs-utils.d.ts

@@ -14,6 +14,8 @@ export declare function getSAProcessConfigFormDataFromFetchedElement(processConf
             id: `${string}-${string}-${string}-${string}-${string}`;
             name: string | undefined;
         }[];
+        description: string;
+        active: boolean;
     }[];
     securityAnalysisParameters: import('../../..').IdName[];
     loadflowParameters: import('../../..').IdName[];
@@ -23,6 +25,8 @@ export declare const updateSAProcessConfigFormSchema: yup.ObjectSchema<{
     name: string;
     description: string | undefined;
     modifications: {
+        description?: string | null | undefined;
+        active: NonNullable<boolean | undefined>;
         modification: {
             id: string;
             name: string;
@@ -49,8 +53,8 @@ export declare function toSAProcessConfig(persistedProcessConfig: PersistedProce
     modifications: {
         id: `${string}-${string}-${string}-${string}-${string}`;
         name: string;
-        enabled: true;
-        description: undefined;
+        active: boolean;
+        description: string | undefined;
     }[];
     securityAnalysisParameters: {
         id: `${string}-${string}-${string}-${string}-${string}`;

package/dist/features/process-configs/security-analysis/update-sa-process-configs-utils.js

@@ -12,7 +12,9 @@ function getSAProcessConfigFormDataFromFetchedElement(processConfig, name, descr
     name,
     description: description ?? void 0,
     modifications: processConfig.modifications.map((modification) => ({
-      modification: [{ id: modification.id, name: modification.name }]
+      modification: [{ id: modification.id, name: modification.name }],
+      description: modification.description ?? "",
+      active: modification.active
     })),
     securityAnalysisParameters: [processConfig.securityAnalysisParameters],
     loadflowParameters: [processConfig.loadflowParameters]
@@ -23,7 +25,11 @@ function getSAProcessConfigBackendFromFormData(formData) {
     processType: ProcessType.SECURITY_ANALYSIS,
     loadflowParametersUuid: formData.loadflowParameters[0].id,
     securityAnalysisParametersUuid: formData.securityAnalysisParameters[0].id,
-    modificationUuids: formData.modifications.map((modification) => modification.modification[0].id)
+    modifications: formData.modifications.map((row) => ({
+      modificationUuid: row.modification[0].id,
+      description: row.description ?? null,
+      active: row.active
+    }))
   };
 }
 const updateSAProcessConfigFormSchema = yup.object().shape({
@@ -36,7 +42,9 @@ const updateSAProcessConfigFormSchema = yup.object().shape({
           id: yup.string().required(),
           name: yup.string().required()
         }).required()
-      ).length(1, YUP_REQUIRED)
+      ).length(1, YUP_REQUIRED),
+      description: yup.string().nullable(),
+      active: yup.boolean().required()
     })
   ),
   [FieldConstants.LOADFLOW_PARAMETERS]: yup.array().required().of(yup.object().shape({ id: yup.string().required(), name: yup.string().required() })).length(1, YUP_REQUIRED),
@@ -45,18 +53,18 @@ const updateSAProcessConfigFormSchema = yup.object().shape({
 async function toSAProcessConfig(persistedProcessConfig) {
   const { processConfig } = persistedProcessConfig;
   const allUuids = /* @__PURE__ */ new Set([
-    ...processConfig.modificationUuids,
+    ...processConfig.modifications.map((modification) => modification.modificationUuid),
     processConfig.securityAnalysisParametersUuid,
     processConfig.loadflowParametersUuid
   ]);
   const elementNamesByUuid = await fetchElementNames(allUuids);
   return {
     processType: processConfig.processType,
-    modifications: processConfig.modificationUuids.map((uuid) => ({
-      id: uuid,
-      name: elementNamesByUuid[uuid],
-      enabled: true,
-      description: void 0
+    modifications: processConfig.modifications.map((modification) => ({
+      id: modification.modificationUuid,
+      name: elementNamesByUuid[modification.modificationUuid],
+      active: modification.active,
+      description: modification.description ?? void 0
     })),
     securityAnalysisParameters: {
       id: processConfig.securityAnalysisParametersUuid,

package/dist/features/process-configs/update-process-config-modifications.js

@@ -22,6 +22,7 @@ import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { DESCRIPTION, ACTIVE } from "../../components/ui/reactHookForm/constants.js";
 import "../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "../../components/ui/treeViewFinder/TreeViewFinder.js";
@@ -33,6 +34,7 @@ import "react-resizable-panels";
 import "react-papaparse";
 import { DndTable } from "../../components/composite/dnd-table/dnd-table.js";
 import { DndColumnType } from "../../components/composite/dnd-table/dnd-table.type.js";
+import { getDefaultRowData } from "../../components/composite/dnd-table/dnd-table-utils.js";
 import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
 import "clsx";
@@ -71,7 +73,7 @@ function UpdateProcessConfigModifications({ name }) {
         name: `${name}[${rowIndex}].modification`,
         allowMultiSelect: false,
         elementType: ElementType.MODIFICATION,
-        titleId: "modifications",
+        titleId: "process_config/modifications",
         label: void 0
       }
     ),
@@ -86,10 +88,31 @@ function UpdateProcessConfigModifications({ name }) {
         editable: true,
         label: intl.formatMessage({ id: "process_config/modifications" }),
         component: modificationSelector
+      },
+      {
+        label: intl.formatMessage({ id: "description" }),
+        sxHeader: { textAlign: "center" },
+        dataKey: DESCRIPTION,
+        initialValue: "",
+        editable: true,
+        width: "8rem",
+        type: DndColumnType.DESCRIPTIONS
+      },
+      {
+        label: intl.formatMessage({ id: "Active" }),
+        sxHeader: { textAlign: "center" },
+        dataKey: ACTIVE,
+        initialValue: true,
+        editable: true,
+        width: "4rem",
+        type: DndColumnType.SWITCH
       }
     ];
   }, [modificationSelector, name, intl]);
-  const createModification = () => [{ modification: [] }];
+  const createModification = useCallback(
+    () => [{ ...getDefaultRowData(columnsDefinition), modification: [] }],
+    [columnsDefinition]
+  );
   return /* @__PURE__ */ jsx(
     DndTable,
     {

package/dist/index.js

@@ -43,7 +43,7 @@ import { SubmitButton } from "./components/ui/reactHookForm/utils/SubmitButton.j
 import { TextFieldWithAdornment } from "./components/ui/reactHookForm/utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./components/ui/reactHookForm/utils/functions.js";
 import { HelperPreviousValue } from "./components/ui/reactHookForm/utils/HelperPreviousValue.js";
-import { DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./components/ui/reactHookForm/constants.js";
+import { ACTIVE, DESCRIPTION, DIRECTORY_ITEM, DIRECTORY_ITEM_FULL_PATH, DIRECTORY_ITEM_ID, NAME } from "./components/ui/reactHookForm/constants.js";
 import { ExpandableInput } from "./components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import { CountrySelectionInput } from "./components/ui/reactHookForm/CountrySelectionInput.js";
 import { CheckboxNullableInput } from "./components/ui/reactHookForm/CheckboxNullableInput.js";
@@ -225,7 +225,7 @@ import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFI
 import { DynamicSimulationInline } from "./features/parameters/dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./features/parameters/dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./features/parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js";
-import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./features/parameters/dynamic-margin-calculation/constants.js";
+import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./features/parameters/dynamic-margin-calculation/constants.js";
 import { DynamicMarginCalculationInline } from "./features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./features/parameters/parameters-style.js";
 import { filledTextField, italicFontTextField, standardTextField } from "./features/network-modifications/common/form.utils.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.251.0",
+    "version": "0.253.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",