@gridsuite/commons-ui 0.241.1 → 0.242.0

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/OperationalLimitsGroups.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid2, Tabs, Tab } from "@mui/material";
+import { useState, useCallback, useEffect } from "react";
+import { useWatch } from "react-hook-form";
+import { LimitsGroupsContextualMenu } from "./LimitsGroupsContextualMenu.js";
+import { OperationalLimitsGroupTabLabel } from "./OperationalLimitsGroupTabLabel.js";
+import { limitsStyles } from "./operationalLimitsGroupsStyles.js";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import "../../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+function OperationalLimitsGroups({
+  parentFormName,
+  setIndexSelectedLimitSet,
+  indexSelectedLimitSet,
+  editable,
+  appendToLimitsGroups,
+  removeLimitsGroups,
+  currentLimitsToModify
+}) {
+  const [hoveredRowIndex, setHoveredRowIndex] = useState(-1);
+  const [contextMenuCoordinates, setContextMenuCoordinates] = useState({
+    x: null,
+    y: null,
+    tabIndex: null
+  });
+  const selectedLimitsGroups1 = useWatch({
+    name: `${parentFormName}.${FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID1}`
+  });
+  const selectedLimitsGroups2 = useWatch({
+    name: `${parentFormName}.${FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID2}`
+  });
+  const operationalLimitsGroups = useWatch({
+    name: `${parentFormName}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}`
+  });
+  const handleOpenMenu = useCallback(
+    (event, index) => {
+      if (!editable) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      setIndexSelectedLimitSet(index);
+      setContextMenuCoordinates({
+        x: event.clientX,
+        y: event.clientY,
+        tabIndex: index
+      });
+    },
+    [editable, setIndexSelectedLimitSet]
+  );
+  const handleCloseMenu = useCallback(() => {
+    setContextMenuCoordinates({
+      x: null,
+      y: null,
+      tabIndex: null
+    });
+  }, [setContextMenuCoordinates]);
+  useEffect(() => {
+    if (indexSelectedLimitSet === null && operationalLimitsGroups?.length) {
+      setIndexSelectedLimitSet(0);
+    }
+  }, [indexSelectedLimitSet, setIndexSelectedLimitSet, operationalLimitsGroups]);
+  const handleTabChange = useCallback(
+    (_event, newValue) => {
+      setIndexSelectedLimitSet(newValue);
+    },
+    [setIndexSelectedLimitSet]
+  );
+  return /* @__PURE__ */ jsxs(Grid2, { children: [
+    /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        orientation: "vertical",
+        variant: "scrollable",
+        value: indexSelectedLimitSet !== null && indexSelectedLimitSet,
+        onChange: handleTabChange,
+        sx: limitsStyles.tabs,
+        children: operationalLimitsGroups?.map((opLg, index) => /* @__PURE__ */ jsx(
+          Tab,
+          {
+            onMouseEnter: () => setHoveredRowIndex(index),
+            onContextMenu: (e) => handleOpenMenu(e, index),
+            disableRipple: true,
+            sx: limitsStyles.tabBackground,
+            label: /* @__PURE__ */ jsx(
+              OperationalLimitsGroupTabLabel,
+              {
+                operationalLimitsGroup: opLg,
+                showIconButton: editable && index === hoveredRowIndex,
+                limitsPropertiesName: `${parentFormName}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}[${index}].${FieldConstants.LIMITS_PROPERTIES}`,
+                handleOpenMenu,
+                index
+              }
+            )
+          },
+          opLg.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LimitsGroupsContextualMenu,
+      {
+        parentFormName,
+        indexSelectedLimitSet,
+        setIndexSelectedLimitSet,
+        handleCloseMenu,
+        contextMenuCoordinates,
+        selectedLimitsGroups1,
+        selectedLimitsGroups2,
+        currentLimitsToModify,
+        operationalLimitsGroups,
+        appendToLimitsGroups,
+        removeLimitsGroups
+      }
+    )
+  ] });
+}
+export {
+  OperationalLimitsGroups
+};

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './operationalLimitsGroups.types';
+export * from './LimitsGroupsContextualMenu';
+export * from './LimitsPropertiesStack';
+export * from './OperationalLimitsGroups';
+export * from './OperationalLimitsGroupTabLabel';

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/index.js

@@ -0,0 +1,12 @@
+import { OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE } from "./operationalLimitsGroups.types.js";
+import { LimitsGroupsContextualMenu } from "./LimitsGroupsContextualMenu.js";
+import { LimitsPropertiesStack } from "./LimitsPropertiesStack.js";
+import { OperationalLimitsGroups } from "./OperationalLimitsGroups.js";
+import { OperationalLimitsGroupTabLabel } from "./OperationalLimitsGroupTabLabel.js";
+export {
+  LimitsGroupsContextualMenu,
+  LimitsPropertiesStack,
+  OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE,
+  OperationalLimitsGroupTabLabel,
+  OperationalLimitsGroups
+};

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/operationalLimitsGroups.types.d.ts

@@ -0,0 +1,71 @@
+import { AttributeModification, FieldConstants } from '../../../../../utils';
+import { CurrentLimits, LimitsProperty } from '../limits.types';
+export declare const OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE: {
+    readonly ADD: "ADD";
+    readonly MODIFY: "MODIFY";
+    readonly MODIFY_OR_ADD: "MODIFY_OR_ADD";
+    readonly REPLACE: "REPLACE";
+    readonly DELETE: "DELETE";
+};
+export interface LimitsFormSchema {
+    [FieldConstants.LIMITS]: OperationalLimitsGroupsFormSchema;
+}
+export interface OperationalLimitsGroupsFormSchema {
+    [FieldConstants.OPERATIONAL_LIMITS_GROUPS]: OperationalLimitsGroupFormSchema[];
+    [FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID1]?: string;
+    [FieldConstants.SELECTED_OPERATIONAL_LIMITS_GROUP_ID2]?: string;
+    [FieldConstants.ENABLE_OLG_MODIFICATION]: boolean;
+}
+export interface OperationalLimitsGroupFormSchema {
+    [FieldConstants.ID]: string;
+    [FieldConstants.NAME]: string;
+    [FieldConstants.APPLICABILITY_FIELD]: string;
+    [FieldConstants.OLG_IS_DUPLICATE]?: boolean;
+    [FieldConstants.CURRENT_LIMITS]: CurrentLimitsFormSchema;
+    [FieldConstants.LIMITS_PROPERTIES]?: LimitsPropertyFormSchema[];
+}
+export interface CurrentLimitsFormSchema {
+    [FieldConstants.ID]?: string;
+    [FieldConstants.PERMANENT_LIMIT]: number;
+    [FieldConstants.TEMPORARY_LIMITS]: TemporaryLimitFormSchema[];
+}
+interface LimitsPropertyFormSchema {
+    [FieldConstants.NAME]: string;
+    [FieldConstants.VALUE]: string;
+}
+export interface TemporaryLimitFormSchema {
+    [FieldConstants.TEMPORARY_LIMIT_DURATION]?: number | null;
+    [FieldConstants.TEMPORARY_LIMIT_VALUE]?: number | null;
+    [FieldConstants.TEMPORARY_LIMIT_NAME]?: string | null;
+}
+export interface OperationalLimitsGroup {
+    id: string;
+    name: string;
+    applicability?: string;
+    limitsProperties?: LimitsProperty[];
+    currentLimits: CurrentLimits;
+    modificationType?: string | null;
+}
+export interface LimitsPropertyInfos {
+    name: string;
+    value: string;
+}
+export interface CurrentTemporaryLimitModificationInfos {
+    name: AttributeModification<string> | null;
+    value: AttributeModification<number> | null;
+    acceptableDuration: AttributeModification<number> | null;
+    modificationType: string | null;
+}
+export interface CurrentLimitsModificationInfos {
+    permanentLimit: number | null;
+    temporaryLimits: CurrentTemporaryLimitModificationInfos[] | null;
+}
+export interface OperationalLimitsGroupModificationInfos {
+    id: string;
+    currentLimits: CurrentLimitsModificationInfos | null;
+    modificationType?: string | null;
+    temporaryLimitsModificationType?: string | null;
+    limitsProperties?: LimitsPropertyInfos[] | null;
+    applicability: string | null;
+}
+export {};

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/operationalLimitsGroups.types.js

@@ -0,0 +1,15 @@
+const OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE = {
+  ADD: "ADD",
+  // Modification types for Tabular modifications :
+  MODIFY: "MODIFY",
+  // standard mode : the olg modifications are applied. The unspecified olg are not changed at all
+  MODIFY_OR_ADD: "MODIFY_OR_ADD",
+  // if the opLG exists it is modified, if not it is created
+  // Modification type for simple form modifications :
+  REPLACE: "REPLACE",
+  // All the olg are removed, then the olg modification/add etc are applied
+  DELETE: "DELETE"
+};
+export {
+  OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE
+};

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/operationalLimitsGroupsStyles.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export declare const limitsStyles: {
+    readonly tabs: () => {
+        maxHeight: string;
+        height: string;
+        borderRight: number;
+        borderColor: "divider";
+        transition: "transform 0.3s ease-in-out";
+        '& .MuiTabs-indicator': {
+            borderRight: string;
+        };
+        '.MuiTab-root.MuiButtonBase-root': {
+            textTransform: "none";
+            textAlign: "left";
+            alignItems: "stretch";
+            p: number;
+        };
+    };
+    readonly tabBackground: {
+        readonly '&:hover': {
+            readonly backgroundColor: "rgba(25, 118, 210, 0.05)";
+        };
+        readonly maxWidth: 600;
+        readonly width: "100%";
+        readonly p: 1;
+        readonly minHeight: 60;
+    };
+    readonly copyLimitsToRightBackground: {
+        readonly height: 200;
+        readonly display: "flex";
+    };
+    readonly copyLimitsToLeftBackground: {
+        readonly height: "50%";
+    };
+    readonly copyLimitsButtons: {
+        readonly alignSelf: "flex-end";
+        readonly minWidth: "0px";
+        readonly height: "auto";
+        readonly padding: "1";
+    };
+};

package/dist/features/network-modifications/common/currentLimits/operationalLimitsGroups/operationalLimitsGroupsStyles.js

@@ -0,0 +1,45 @@
+import { blue } from "@mui/material/colors";
+const limitsStyles = {
+  tabs: () => ({
+    maxHeight: "45vh",
+    height: "100%",
+    borderRight: 1,
+    borderColor: "divider",
+    transition: "transform 0.3s ease-in-out",
+    "& .MuiTabs-indicator": {
+      borderRight: `3px solid ${blue[700]}`
+    },
+    ".MuiTab-root.MuiButtonBase-root": {
+      textTransform: "none",
+      textAlign: "left",
+      alignItems: "stretch",
+      p: 0
+    }
+  }),
+  tabBackground: {
+    "&:hover": {
+      backgroundColor: "rgba(25, 118, 210, 0.05)"
+      // blue[700]
+    },
+    maxWidth: 600,
+    width: "100%",
+    p: 1,
+    minHeight: 60
+  },
+  copyLimitsToRightBackground: {
+    height: 200,
+    display: "flex"
+  },
+  copyLimitsToLeftBackground: {
+    height: "50%"
+  },
+  copyLimitsButtons: {
+    alignSelf: "flex-end",
+    minWidth: "0px",
+    height: "auto",
+    padding: "1"
+  }
+};
+export {
+  limitsStyles
+};

package/dist/features/network-modifications/common/index.d.ts

@@ -14,3 +14,4 @@ export * from './shortCircuit';
 export * from './reactiveLimits';
 export * from './regulatingTerminal';
 export * from './voltageRegulation';
+export * from './currentLimits';

package/dist/features/network-modifications/common/index.js

@@ -4,14 +4,14 @@ import { PropertyForm } from "./properties/PropertyForm.js";
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./properties/propertyUtils.js";
 import { getPowerWithValidityEditData, getPowerWithValidityEmptyFormData, getPowerWithValidityValidationSchema } from "./measurements/powerWithValidity.utils.js";
 import { getInjectionActiveReactivePowerEditData, getInjectionActiveReactivePowerEditDataProperties, getInjectionActiveReactivePowerEmptyFormData, getInjectionActiveReactivePowerEmptyFormDataProperties, getInjectionActiveReactivePowerValidationSchema, getInjectionActiveReactivePowerValidationSchemaProperties } from "./measurements/injectionActiveReactivePowerForm.utils.js";
-import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaProperties } from "./measurements/branchActiveReactivePowerForm.utils.js";
+import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaObject, getBranchActiveReactivePowerValidationSchemaProperties } from "./measurements/branchActiveReactivePowerForm.utils.js";
 import { PowerWithValidityForm } from "./measurements/PowerWithValidityForm.js";
 import { PowerMeasurementsForm } from "./measurements/PowerMeasurementsForm.js";
 import { BranchActiveReactivePowerMeasurementsForm } from "./measurements/BranchActiveReactivePowerMeasurementsForm.js";
 import { BusbarSectionVoltageMeasurementsForm } from "./measurements/BusbarSectionVoltageMeasurementsForm.js";
 import { getActivePowerSetPointSchema, getReactivePowerSetPointSchema, getSetPointsEmptyFormData, getSetPointsSchema, testValueWithinPowerInterval } from "./setpoints/setPoints.utils.js";
 import { SetPointsForm } from "./setpoints/SetPointsForm.js";
-import { createConnectivityData, getCon1andCon2WithPositionValidationSchema, getConnectivityBusBarSectionData, getConnectivityData, getConnectivityFormData, getConnectivityFormDataProps, getConnectivityPropertiesData, getConnectivityPropertiesEmptyFormData, getConnectivityPropertiesValidationSchema, getConnectivityVoltageLevelData, getConnectivityWithPositionEmptyFormData, getConnectivityWithPositionEmptyFormDataProps, getConnectivityWithPositionSchema, getConnectivityWithPositionValidationSchema, getConnectivityWithoutPositionEmptyFormData, getConnectivityWithoutPositionValidationSchema, getCont1Cont2WithPositionEmptyFormData, getNewVoltageLevelData } from "./connectivity/connectivityForm.utils.js";
+import { createConnectivityData, getBranchConnectivityWithPositionEmptyFormDataProps, getBranchConnectivityWithPositionSchema, getCon1andCon2WithPositionValidationSchema, getConnectivityBusBarSectionData, getConnectivityData, getConnectivityFormData, getConnectivityFormDataProps, getConnectivityPropertiesData, getConnectivityPropertiesEmptyFormData, getConnectivityPropertiesValidationSchema, getConnectivityVoltageLevelData, getConnectivityWithPositionEmptyFormData, getConnectivityWithPositionEmptyFormDataProps, getConnectivityWithPositionSchema, getConnectivityWithPositionValidationSchema, getConnectivityWithoutPositionEmptyFormData, getConnectivityWithoutPositionValidationSchema, getCont1Cont2WithPositionEmptyFormData, getNewVoltageLevelData } from "./connectivity/connectivityForm.utils.js";
 import { ConnectivityForm } from "./connectivity/ConnectivityForm.js";
 import { BranchConnectivityForm } from "./connectivity/BranchConnectivityForm.js";
 import { VoltageLevelConnectivityForm } from "./connectivity/VoltageLevelConnectivityForm.js";
@@ -28,13 +28,37 @@ import { RegulatingTerminalForm } from "./regulatingTerminal/RegulatingTerminalF
 import { getRegulatingTerminalEmptyFormData, getRegulatingTerminalEquipmentData, getRegulatingTerminalFormData, getRegulatingTerminalVoltageLevelData } from "./regulatingTerminal/regulatingTerminal.utils.js";
 import { VoltageRegulationForm } from "./voltageRegulation/VoltageRegulationForm.js";
 import { REGULATION_TYPES, getVoltageRegulationEmptyFormData, getVoltageRegulationSchema } from "./voltageRegulation/voltageRegulation.utils.js";
+import { APPLICABILITY, TEMPORARY_LIMIT_MODIFICATION_TYPE } from "./currentLimits/limits.types.js";
+import { LimitsTagChip, getPropertyAvatar } from "./currentLimits/LimitsTagChip.js";
+import { LimitsPane } from "./currentLimits/LimitsPane.js";
+import { addModificationTypeToOpLimitsGroups, addModificationTypeToTemporaryLimits, addOperationTypeToSelectedOpLG, convertToOperationalLimitsGroupFormSchema, formatMapInfosToTemporaryLimitsFormSchema, formatOpLimitGroupsToFormInfos, formatTemporaryLimitsModificationToFormSchema, generateEmptyOperationalLimitsGroup, generateUniqueId, getAllLimitsFormData, getAllLimitsFormDataProperties, getLimitsEmptyFormData, getLimitsEmptyFormDataProps, getLimitsValidationSchema, getLimitsValidationSchemaProps, mapServerLimitsGroupsToFormInfos, sanitizeLimitNames, sanitizeLimitsGroups } from "./currentLimits/limitsPane.utils.js";
+import { LimitsChart } from "./currentLimits/limitsEditor/limitsChart.js";
+import { LimitsPropertiesSideStack } from "./currentLimits/limitsEditor/LimitsPropertiesSideStack.js";
+import { LimitsEditor } from "./currentLimits/limitsEditor/LimitsEditor.js";
+import { TemporaryLimitsTable } from "./currentLimits/limitsEditor/TemporaryLimitsTable.js";
+import { OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE } from "./currentLimits/operationalLimitsGroups/operationalLimitsGroups.types.js";
+import { LimitsGroupsContextualMenu } from "./currentLimits/operationalLimitsGroups/LimitsGroupsContextualMenu.js";
+import { LimitsPropertiesStack } from "./currentLimits/operationalLimitsGroups/LimitsPropertiesStack.js";
+import { OperationalLimitsGroups } from "./currentLimits/operationalLimitsGroups/OperationalLimitsGroups.js";
+import { OperationalLimitsGroupTabLabel } from "./currentLimits/operationalLimitsGroups/OperationalLimitsGroupTabLabel.js";
 export {
+  APPLICABILITY,
   ActivePowerControlForm,
   BranchActiveReactivePowerMeasurementsForm,
   BranchConnectivityForm,
   BusbarSectionVoltageMeasurementsForm,
   ConnectivityForm,
   INSERT,
+  LimitsChart,
+  LimitsEditor,
+  LimitsGroupsContextualMenu,
+  LimitsPane,
+  LimitsPropertiesSideStack,
+  LimitsPropertiesStack,
+  LimitsTagChip,
+  OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE,
+  OperationalLimitsGroupTabLabel,
+  OperationalLimitsGroups,
   PowerMeasurementsForm,
   PowerWithValidityForm,
   PropertiesForm,
@@ -48,8 +72,14 @@ export {
   RegulatingTerminalForm,
   SetPointsForm,
   ShortCircuitForm,
+  TEMPORARY_LIMIT_MODIFICATION_TYPE,
+  TemporaryLimitsTable,
   VoltageLevelConnectivityForm,
   VoltageRegulationForm,
+  addModificationTypeToOpLimitsGroups,
+  addModificationTypeToTemporaryLimits,
+  addOperationTypeToSelectedOpLG,
+  convertToOperationalLimitsGroupFormSchema,
   copyEquipmentPropertiesForCreation,
   createConnectivityData,
   createPropertyModification,
@@ -57,15 +87,25 @@ export {
   emptyProperties,
   fetchPredefinedProperties,
   filledTextField,
+  formatMapInfosToTemporaryLimitsFormSchema,
+  formatOpLimitGroupsToFormInfos,
+  formatTemporaryLimitsModificationToFormSchema,
+  generateEmptyOperationalLimitsGroup,
+  generateUniqueId,
   getActivePowerControlEmptyFormData,
   getActivePowerControlSchema,
   getActivePowerSetPointSchema,
+  getAllLimitsFormData,
+  getAllLimitsFormDataProperties,
   getBranchActiveReactivePowerEditData,
   getBranchActiveReactivePowerEditDataProperties,
   getBranchActiveReactivePowerEmptyFormData,
   getBranchActiveReactivePowerEmptyFormDataProperties,
   getBranchActiveReactivePowerValidationSchema,
+  getBranchActiveReactivePowerValidationSchemaObject,
   getBranchActiveReactivePowerValidationSchemaProperties,
+  getBranchConnectivityWithPositionEmptyFormDataProps,
+  getBranchConnectivityWithPositionSchema,
   getCon1andCon2WithPositionValidationSchema,
   getConcatenatedProperties,
   getConnectivityBusBarSectionData,
@@ -90,11 +130,16 @@ export {
   getInjectionActiveReactivePowerEmptyFormDataProperties,
   getInjectionActiveReactivePowerValidationSchema,
   getInjectionActiveReactivePowerValidationSchemaProperties,
+  getLimitsEmptyFormData,
+  getLimitsEmptyFormDataProps,
+  getLimitsValidationSchema,
+  getLimitsValidationSchemaProps,
   getNewVoltageLevelData,
   getPowerWithValidityEditData,
   getPowerWithValidityEmptyFormData,
   getPowerWithValidityValidationSchema,
   getPropertiesFromModification,
+  getPropertyAvatar,
   getPropertyValue,
   getReactiveCapabilityCurveValidationSchema,
   getReactiveCapabilityCurveValidationSchemaArray,
@@ -119,8 +164,11 @@ export {
   getVoltageRegulationSchema,
   initializedProperty,
   italicFontTextField,
+  mapServerLimitsGroupsToFormInfos,
   mergeModificationAndEquipmentProperties,
   modificationPropertiesSchema,
+  sanitizeLimitNames,
+  sanitizeLimitsGroups,
   setCurrentReactiveCapabilityCurveTable,
   setSelectedReactiveLimits,
   standardTextField,

package/dist/features/network-modifications/common/measurements/branchActiveReactivePowerForm.utils.d.ts

@@ -27,6 +27,17 @@ export declare const getBranchActiveReactivePowerValidationSchemaProperties: ()
         validity: undefined;
     }, "">;
 };
+export declare const getBranchActiveReactivePowerValidationSchemaObject: () => import('yup').ObjectSchema<{
+    [x: string]: {
+        validity?: boolean | null | undefined;
+        value?: number | null | undefined;
+    };
+}, import('yup').AnyObject, {
+    [x: string]: {
+        value: undefined;
+        validity: undefined;
+    };
+}, "">;
 export declare const getBranchActiveReactivePowerValidationSchema: (id: string) => {
     [x: string]: import('yup').ObjectSchema<{
         [x: string]: {

package/dist/features/network-modifications/common/measurements/branchActiveReactivePowerForm.utils.js

@@ -1,5 +1,5 @@
 import { object } from "yup";
-import { getPowerWithValidityEditData, getPowerWithValidityEmptyFormData, getPowerWithValidityValidationSchema } from "./powerWithValidity.utils.js";
+import { getPowerWithValidityEmptyFormData, getPowerWithValidityEditData, getPowerWithValidityValidationSchema } from "./powerWithValidity.utils.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
@@ -26,10 +26,11 @@ const getBranchActiveReactivePowerValidationSchemaProperties = () => ({
   ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_P2),
   ...getPowerWithValidityValidationSchema(FieldConstants.MEASUREMENT_Q2)
 });
+const getBranchActiveReactivePowerValidationSchemaObject = () => object().shape({
+  ...getBranchActiveReactivePowerValidationSchemaProperties()
+});
 const getBranchActiveReactivePowerValidationSchema = (id) => ({
-  [id]: object().shape({
-    ...getBranchActiveReactivePowerValidationSchemaProperties()
-  })
+  [id]: getBranchActiveReactivePowerValidationSchemaObject()
 });
 function getBranchActiveReactivePowerEditDataProperties(branchData) {
   return {
@@ -64,5 +65,6 @@ export {
   getBranchActiveReactivePowerEmptyFormData,
   getBranchActiveReactivePowerEmptyFormDataProperties,
   getBranchActiveReactivePowerValidationSchema,
+  getBranchActiveReactivePowerValidationSchemaObject,
   getBranchActiveReactivePowerValidationSchemaProperties
 };

package/dist/features/network-modifications/common/measurements/index.js

@@ -1,6 +1,6 @@
 import { getPowerWithValidityEditData, getPowerWithValidityEmptyFormData, getPowerWithValidityValidationSchema } from "./powerWithValidity.utils.js";
 import { getInjectionActiveReactivePowerEditData, getInjectionActiveReactivePowerEditDataProperties, getInjectionActiveReactivePowerEmptyFormData, getInjectionActiveReactivePowerEmptyFormDataProperties, getInjectionActiveReactivePowerValidationSchema, getInjectionActiveReactivePowerValidationSchemaProperties } from "./injectionActiveReactivePowerForm.utils.js";
-import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaProperties } from "./branchActiveReactivePowerForm.utils.js";
+import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaObject, getBranchActiveReactivePowerValidationSchemaProperties } from "./branchActiveReactivePowerForm.utils.js";
 import { PowerWithValidityForm } from "./PowerWithValidityForm.js";
 import { PowerMeasurementsForm } from "./PowerMeasurementsForm.js";
 import { BranchActiveReactivePowerMeasurementsForm } from "./BranchActiveReactivePowerMeasurementsForm.js";
@@ -15,6 +15,7 @@ export {
   getBranchActiveReactivePowerEmptyFormData,
   getBranchActiveReactivePowerEmptyFormDataProperties,
   getBranchActiveReactivePowerValidationSchema,
+  getBranchActiveReactivePowerValidationSchemaObject,
   getBranchActiveReactivePowerValidationSchemaProperties,
   getInjectionActiveReactivePowerEditData,
   getInjectionActiveReactivePowerEditDataProperties,

package/dist/features/network-modifications/common/reactiveLimits/reactiveCapabilityCurve/ReactiveCapabilityCurveTableForm.js

@@ -84,7 +84,7 @@ function ReactiveCapabilityCurveTableForm({
       } else {
         labelSuffix = index - 1;
       }
-      return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 3, children: [
+      return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 3, width: "100%", children: [
         /* @__PURE__ */ jsx(ReactiveCapabilityCurveRowForm, { id, index, labelSuffix }),
         /* @__PURE__ */ jsx(Grid2, { size: 1, children: /* @__PURE__ */ jsx(
           IconButton,

package/dist/features/network-modifications/common/voltageRegulation/VoltageRegulationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Box, Grid2 } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { useMemo } from "react";
 import { useWatch } from "react-hook-form";
 import { useIntl, FormattedMessage } from "react-intl";
@@ -82,10 +82,7 @@ function VoltageRegulationForm({
         previousValue: translatedPreviousRegulationLabel ?? void 0
       }
     ) }),
-    /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
-    /* @__PURE__ */ jsx(Grid2, { size: 4, justifySelf: "end" }),
-    /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
-    isDistantRegulation && /* @__PURE__ */ jsxs(Fragment, { children: [
+    isDistantRegulation && /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, spacing: 2, children: [
       /* @__PURE__ */ jsx(Grid2, { size: 4, justifySelf: "end", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "RegulatingTerminalGenerator" }) }),
       /* @__PURE__ */ jsx(GridItem, { size: 8, children: /* @__PURE__ */ jsx(
         RegulatingTerminalForm,
@@ -98,8 +95,7 @@ function VoltageRegulationForm({
           equipmentSectionType: previousEquipmentSectionType
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid2, { size: 4, justifySelf: "end" }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(GridItem, { size: 4, offset: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.Q_PERCENT,

package/dist/features/network-modifications/equipmentDeletion/EquipmentDeletionForm.js

@@ -65,6 +65,9 @@ import "react-window";
 import "../../../components/composite/report/report-treeview/treeview-item.js";
 import "../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 import "../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../common/currentLimits/limitsPane.utils.js";
 import { HvdcLccDeletionSpecificForm } from "./hvdcLccDeletion/HvdcLccDeletionSpecificForm.js";
 const NULL_UUID = "00000000-0000-0000-0000-000000000000";
 const EQUIPMENT_TYPE_ORDER = [

package/dist/features/network-modifications/generator/creation/GeneratorCreationForm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Box, Grid2 } from "@mui/material";
+import { Box, Grid2, Stack } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useWatch } from "react-hook-form";
 import { filledTextField, italicFontTextField } from "../../common/form.utils.js";
@@ -74,6 +74,9 @@ import { ShortCircuitForm } from "../../common/shortCircuit/ShortCircuitForm.js"
 import { ReactiveLimitsForm } from "../../common/reactiveLimits/ReactiveLimitsForm.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { VoltageRegulationForm } from "../../common/voltageRegulation/VoltageRegulationForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function GeneratorCreationForm({
   voltageLevelOptions,
   fetchBusesOrBusbarSections,
@@ -166,7 +169,6 @@ function GeneratorCreationForm({
     /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
     /* @__PURE__ */ jsx(SetPointsForm, {}),
     /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, paddingTop: 2, children: [
-      /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
       /* @__PURE__ */ jsx(
         GridItem,
         {
@@ -176,15 +178,16 @@ function GeneratorCreationForm({
         }
       ),
       voltageRegulationFields,
-      /* @__PURE__ */ jsx(Box, { sx: { width: "100%" } }),
       /* @__PURE__ */ jsx(ActivePowerControlForm, {})
     ] }),
     /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
     /* @__PURE__ */ jsx(ShortCircuitForm, {}),
     /* @__PURE__ */ jsx(GridSection, { title: "GenerationDispatch" }),
-    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedActivePowerSetPointField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: marginalCostField }),
+    /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedActivePowerSetPointField }),
+        /* @__PURE__ */ jsx(GridItem, { size: 4, children: marginalCostField })
+      ] }),
       /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: plannedOutageRateField }),
         /* @__PURE__ */ jsx(GridItem, { size: 4, children: forcedOutageRateField })

package/dist/features/network-modifications/generator/creation/generatorCreation.utils.js

@@ -69,6 +69,9 @@ import { getReactiveLimitsValidationSchema, getReactiveLimitsEmptyFormDataProps,
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import { getRegulatingTerminalEquipmentData, getRegulatingTerminalVoltageLevelData } from "../../common/regulatingTerminal/regulatingTerminal.utils.js";
 import { getVoltageRegulationSchema, getVoltageRegulationEmptyFormData, REGULATION_TYPES } from "../../common/voltageRegulation/voltageRegulation.utils.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 const generatorCreationFormSchema = object().shape({
   [FieldConstants.EQUIPMENT_ID]: string().required(),
   [FieldConstants.EQUIPMENT_NAME]: string().nullable(),

package/dist/features/network-modifications/generator/modification/GeneratorDialogHeader.js

@@ -62,6 +62,9 @@ import "react-window";
 import "../../../../components/composite/report/report-treeview/treeview-item.js";
 import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function GeneratorDialogHeader({ generatorToModify, equipmentId }) {
   const intl = useIntl();
   const energySourceLabelId = getEnergySourceLabel(generatorToModify?.energySource);