@gridsuite/commons-ui 0.252.0 → 0.254.0

package/dist/features/parameters/loadflow/load-flow-parameters-dialog.js

@@ -7,6 +7,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import { LANG_ENGLISH } from "../../../utils/langs.js";
 import "@mui/icons-material";
 import { getLoadFlowDefaultLimitReductions, getLoadFlowProviders, fetchLoadFlowParameters, setLoadFlowParameters, getLoadFlowSpecificParametersDescription } from "../../../services/loadflow.js";
@@ -66,9 +67,8 @@ function LoadFlowParametersEditionDialog({
   );
   const loadflowMethods = useLoadFlowParametersForm(parametersBackend, isDeveloperMode, id, name, description);
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = loadflowMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsx(
     CustomMuiDialog,
     {
@@ -83,7 +83,7 @@ function LoadFlowParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       children: /* @__PURE__ */ jsxs(LoadFlowProvider, { children: [
         /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,

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/network-visualizations-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -53,9 +54,8 @@ function NetworkVisualizationsParametersEditionDialog({
     parameters: null
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = networkVisuMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -70,7 +70,7 @@ function NetworkVisualizationsParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "65vh"

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/parameters/pcc-min/pcc-min-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -52,9 +53,8 @@ function PccMinParametersEditionDialog({
     parameters: null
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = pccMinMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -68,7 +68,7 @@ function PccMinParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "90vh"

package/dist/features/parameters/security-analysis/security-analysis-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import { getSecurityAnalysisDefaultLimitReductions, fetchSecurityAnalysisProviders, fetchSecurityAnalysisParameters, updateSecurityAnalysisParameters } from "../../../services/security-analysis.js";
 import "localized-countries";
@@ -62,9 +63,8 @@ function SecurityAnalysisParametersDialog({
   );
   const securityAnalysisMethods = useSecurityAnalysisParametersForm(parametersBackend, id, name, description);
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = securityAnalysisMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -79,7 +79,7 @@ function SecurityAnalysisParametersDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "90vh"

package/dist/features/parameters/sensi/sensitivity-analysis-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import { fetchSensitivityAnalysisProviders, fetchSensitivityAnalysisParameters, updateSensitivityAnalysisParameters } from "../../../services/sensitivity-analysis.js";
 import "localized-countries";
@@ -74,9 +75,8 @@ function SensitivityAnalysisParametersDialog({
     isRootNode
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = sensitivityAnalysisMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -90,7 +90,7 @@ function SensitivityAnalysisParametersDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       children: [
         /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,

package/dist/features/parameters/short-circuit/short-circuit-parameters-dialog.js

@@ -7,6 +7,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import { fetchShortCircuitParameters, updateShortCircuitParameters, getShortCircuitSpecificParametersDescription } from "../../../services/short-circuit-analysis.js";
 import "react";
@@ -66,9 +67,8 @@ function ShortCircuitParametersEditionDialog({
     description
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = shortCircuitMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -83,7 +83,7 @@ function ShortCircuitParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       maxWidth: "lg",
       children: [
         /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(

package/dist/features/parameters/voltage-init/voltage-init-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -52,9 +53,8 @@ function VoltageInitParametersEditionDialog({
     parameters: null
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = voltageInitMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -69,7 +69,7 @@ function VoltageInitParametersEditionDialog({
         removeOptional: true,
         language
       },
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "90vh"

package/dist/index.js

@@ -298,6 +298,7 @@ import { FILTERS, FILTER_ID, FILTER_NAME, ID } from "./utils/constants/filterCon
 import { DUPLICATED_PROPS_ERROR, YUP_DEFAULT, YUP_NOT_NULL, YUP_NOT_TYPE_DEFAULT, YUP_NOT_TYPE_NUMBER, YUP_POSITIVE, YUP_REQUIRED } from "./utils/constants/translationKeys.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, toModificationOperation, unitToKiloUnit, unitToMicroUnit } from "./utils/conversionUtils.js";
 import { catchErrorHandler, extractErrorMessageDescriptor, snackWithFallback } from "./utils/error.js";
+import { isDisabledValidationButton } from "./utils/form-utils.js";
 import { areArrayElementsUnique, arraysContainIdenticalStrings, getRows, hasNonEmptyRows, isEmpty, isObjectEmpty, keyGenerator } from "./utils/functions.js";
 import { getEquipmentTypeShortLabel } from "./utils/labelUtils.js";
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, getCsvDelimiter } from "./utils/langs.js";
@@ -312,7 +313,7 @@ import { NetworkTimeoutError } from "./utils/types/NetworkTimeoutError.js";
 import { ElementType } from "./utils/types/elementType.js";
 import { ALL_EQUIPMENTS, BASE_EQUIPMENTS, CONNECTION_DIRECTIONS, ENERGY_SOURCES, EQUIPMENTS_WITH_ONE_NOMINAL_VOLTAGE, EQUIPMENTS_WITH_ONE_SUBSTATION, EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_SUBSTATIONS, EquipmentType, ExtendedEquipmentType, HvdcType, LOAD_TYPES, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, UNDEFINED_CONNECTION_DIRECTION, UNDEFINED_LOAD_TYPE, VL_TAG_MAX_SIZE, equipmentStyles, getConnectionDirectionLabel, getEnergySourceLabel, getEquipmentsInfosForSearchBar, getLoadTypeLabel } from "./utils/types/equipmentType.js";
 import { Battery, BoundaryLine, BusBar, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, isInjection } from "./utils/types/equipmentTypes.js";
-import { AnnouncementSeverity, ArrayAction } from "./utils/types/types.js";
+import { AnnouncementSeverity, ArrayAction, ElementStatus } from "./utils/types/types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./utils/types/modificationType.js";
 import { FieldType } from "./utils/types/fieldType.js";
 import { ParameterType } from "./utils/types/parameters.type.js";
@@ -340,7 +341,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";
@@ -697,6 +698,7 @@ export {
   ElementSaveDialog,
   ElementSearchDialog,
   ElementSearchInput,
+  ElementStatus,
   ElementType,
   ElementValueEditor,
   EnumInput,
@@ -864,6 +866,7 @@ export {
   MicroSusceptanceAdornment,
   MidFormError,
   ModificationByAssignmentForm,
+  ModificationContainerType,
   ModificationRow,
   ModificationType,
   ModifyElementSelection,
@@ -1165,8 +1168,6 @@ export {
   cardErrorBoundaryEn,
   cardErrorBoundaryFr,
   catchErrorHandler,
-  changeCompositeSubModificationOrder,
-  changeNetworkModificationOrder,
   commonButtonEn,
   commonButtonFr,
   componentsEn,
@@ -1466,6 +1467,7 @@ export {
   intlPredefinedParametersOptions,
   isBlankOrEmpty,
   isCompositeModification,
+  isDisabledValidationButton,
   isEmpty,
   isExploreMetadata,
   isFieldRequired,
@@ -1519,6 +1521,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/dist/utils/form-utils.d.ts

@@ -0,0 +1,2 @@
+import { FieldErrors } from 'react-hook-form';
+export declare function isDisabledValidationButton(formErrors: FieldErrors, fieldName?: string): boolean;

package/dist/utils/form-utils.js

@@ -0,0 +1,7 @@
+import { FieldConstants } from "./constants/fieldConstants.js";
+function isDisabledValidationButton(formErrors, fieldName) {
+  return Boolean(formErrors[fieldName ?? FieldConstants.NAME] || formErrors.root?.isValidating);
+}
+export {
+  isDisabledValidationButton
+};

package/dist/utils/index.d.ts

@@ -8,6 +8,7 @@ export * from './algos';
 export * from './constants';
 export * from './conversionUtils';
 export * from './error';
+export * from './form-utils';
 export * from './functions';
 export * from './labelUtils';
 export * from './langs';

package/dist/utils/index.js

@@ -9,6 +9,7 @@ import { FILTERS, FILTER_ID, FILTER_NAME, ID } from "./constants/filterConstant.
 import { DUPLICATED_PROPS_ERROR, YUP_DEFAULT, YUP_NOT_NULL, YUP_NOT_TYPE_DEFAULT, YUP_NOT_TYPE_NUMBER, YUP_POSITIVE, YUP_REQUIRED } from "./constants/translationKeys.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, toModificationOperation, unitToKiloUnit, unitToMicroUnit } from "./conversionUtils.js";
 import { catchErrorHandler, extractErrorMessageDescriptor, snackWithFallback } from "./error.js";
+import { isDisabledValidationButton } from "./form-utils.js";
 import { areArrayElementsUnique, arraysContainIdenticalStrings, getRows, hasNonEmptyRows, isEmpty, isObjectEmpty, keyGenerator } from "./functions.js";
 import { getEquipmentTypeShortLabel } from "./labelUtils.js";
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, getCsvDelimiter } from "./langs.js";
@@ -23,7 +24,7 @@ import { NetworkTimeoutError } from "./types/NetworkTimeoutError.js";
 import { ElementType } from "./types/elementType.js";
 import { ALL_EQUIPMENTS, BASE_EQUIPMENTS, CONNECTION_DIRECTIONS, ENERGY_SOURCES, EQUIPMENTS_WITH_ONE_NOMINAL_VOLTAGE, EQUIPMENTS_WITH_ONE_SUBSTATION, EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_SUBSTATIONS, EquipmentType, ExtendedEquipmentType, HvdcType, LOAD_TYPES, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, UNDEFINED_CONNECTION_DIRECTION, UNDEFINED_LOAD_TYPE, VL_TAG_MAX_SIZE, equipmentStyles, getConnectionDirectionLabel, getEnergySourceLabel, getEquipmentsInfosForSearchBar, getLoadTypeLabel } from "./types/equipmentType.js";
 import { Battery, BoundaryLine, BusBar, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, isInjection } from "./types/equipmentTypes.js";
-import { AnnouncementSeverity, ArrayAction } from "./types/types.js";
+import { AnnouncementSeverity, ArrayAction, ElementStatus } from "./types/types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./types/modificationType.js";
 import { FieldType } from "./types/fieldType.js";
 import { ParameterType } from "./types/parameters.type.js";
@@ -64,6 +65,7 @@ export {
   EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_SUBSTATIONS,
+  ElementStatus,
   ElementType,
   EquipmentType,
   ExtendedEquipmentType,
@@ -170,6 +172,7 @@ export {
   getRows,
   hasNonEmptyRows,
   isBlankOrEmpty,
+  isDisabledValidationButton,
   isEmpty,
   isInjection,
   isNonEmptyStringOrArray,

package/dist/utils/types/index.js

@@ -4,7 +4,7 @@ import { NetworkTimeoutError } from "./NetworkTimeoutError.js";
 import { ElementType } from "./elementType.js";
 import { ALL_EQUIPMENTS, BASE_EQUIPMENTS, CONNECTION_DIRECTIONS, ENERGY_SOURCES, EQUIPMENTS_WITH_ONE_NOMINAL_VOLTAGE, EQUIPMENTS_WITH_ONE_SUBSTATION, EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_SUBSTATIONS, EquipmentType, ExtendedEquipmentType, HvdcType, LOAD_TYPES, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, UNDEFINED_CONNECTION_DIRECTION, UNDEFINED_LOAD_TYPE, VL_TAG_MAX_SIZE, equipmentStyles, getConnectionDirectionLabel, getEnergySourceLabel, getEquipmentsInfosForSearchBar, getLoadTypeLabel } from "./equipmentType.js";
 import { Battery, BoundaryLine, BusBar, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, isInjection } from "./equipmentTypes.js";
-import { AnnouncementSeverity, ArrayAction } from "./types.js";
+import { AnnouncementSeverity, ArrayAction, ElementStatus } from "./types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./modificationType.js";
 import { FieldType } from "./fieldType.js";
 import { ParameterType } from "./parameters.type.js";
@@ -34,6 +34,7 @@ export {
   EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_SUBSTATIONS,
+  ElementStatus,
   ElementType,
   EquipmentType,
   ExtendedEquipmentType,

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

@@ -2,6 +2,10 @@ import { UUID } from 'node:crypto';
 import { MessageDescriptor, PrimitiveType } from 'react-intl';
 import { ElementType } from './elementType';
 export type Input = string | number;
+export declare enum ElementStatus {
+    CREATED = "CREATED",
+    DELETING = "DELETING"
+}
 export type ElementAttributes = {
     elementUuid: UUID;
     elementName: string;
@@ -17,6 +21,7 @@ export type ElementAttributes = {
     lastModificationDate: string;
     lastModifiedBy: string;
     lastModifiedByLabel?: string;
+    status?: ElementStatus;
     children: ElementAttributes[];
     parentUuid: null | UUID;
     specificMetadata: {

package/dist/utils/types/types.js

@@ -1,3 +1,8 @@
+var ElementStatus = /* @__PURE__ */ ((ElementStatus2) => {
+  ElementStatus2["CREATED"] = "CREATED";
+  ElementStatus2["DELETING"] = "DELETING";
+  return ElementStatus2;
+})(ElementStatus || {});
 var AnnouncementSeverity = /* @__PURE__ */ ((AnnouncementSeverity2) => {
   AnnouncementSeverity2["INFO"] = "INFO";
   AnnouncementSeverity2["WARN"] = "WARN";
@@ -10,5 +15,6 @@ var ArrayAction = /* @__PURE__ */ ((ArrayAction2) => {
 })(ArrayAction || {});
 export {
   AnnouncementSeverity,
-  ArrayAction
+  ArrayAction,
+  ElementStatus
 };

package/package.json

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