@gridsuite/commons-ui 0.295.0 → 0.297.0

package/dist/features/network-modifications/static-var-compensator/common/standby-automaton-form.js

@@ -106,7 +106,16 @@ function StandbyAutomatonForm() {
           labelPlacement: "start"
         }
       ),
-      hover && watchVoltageMode !== VOLTAGE_REGULATION_MODES.VOLTAGE.id && /* @__PURE__ */ jsx(Box, { marginLeft: 2, marginTop: "5px", children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "StandbyNotAvailable" }), children: /* @__PURE__ */ jsx(WarningAmber, { color: "warning" }) }) })
+      hover && watchVoltageMode !== VOLTAGE_REGULATION_MODES.VOLTAGE.id && /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            marginLeft: 2,
+            marginTop: "5px"
+          },
+          children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "StandbyNotAvailable" }), children: /* @__PURE__ */ jsx(WarningAmber, { color: "warning" }) })
+        }
+      )
     ] }) }),
     lVoltageSetLimit: createField(
       `${id}.${FieldConstants.LOW_VOLTAGE_SET_POINT}`,
@@ -132,11 +141,31 @@ function StandbyAutomatonForm() {
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
     /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(CheckboxInput, { name: `${id}.${FieldConstants.ADD_STAND_BY_AUTOMATON}`, label: "AddAutomaton" }) }) }),
     watchAddStandbyAutomatonProps && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, padding: 2, children: Object.keys(fields).map((key) => {
-        const typedKey = key;
-        return /* @__PURE__ */ jsx(Grid, { size: 6, children: fields[typedKey] }, key);
-      }) }),
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, padding: 2, children: /* @__PURE__ */ jsx(SusceptanceArea, {}) })
+      /* @__PURE__ */ jsx(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          sx: {
+            padding: 2
+          },
+          children: Object.keys(fields).map((key) => {
+            const typedKey = key;
+            return /* @__PURE__ */ jsx(Grid, { size: 6, children: fields[typedKey] }, key);
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          sx: {
+            padding: 2
+          },
+          children: /* @__PURE__ */ jsx(SusceptanceArea, {})
+        }
+      )
     ] })
   ] });
 }

package/dist/features/network-modifications/static-var-compensator/common/static-var-compensator-tabs-content.js

@@ -67,15 +67,24 @@ function StaticVarCompensatorTabsContent({
   fetchVoltageLevelEquipments
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== StaticVarCompensatorDialogTab.CONNECTIVITY_TAB, p: 1, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: /* @__PURE__ */ jsx(
-      ConnectivityForm,
+    /* @__PURE__ */ jsx(
+      Box,
       {
-        previousValues: void 0,
-        voltageLevelOptions,
-        PositionDiagramPane,
-        fetchBusesOrBusbarSections
+        hidden: tabIndex !== StaticVarCompensatorDialogTab.CONNECTIVITY_TAB,
+        sx: {
+          p: 1
+        },
+        children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: /* @__PURE__ */ jsx(
+          ConnectivityForm,
+          {
+            previousValues: void 0,
+            voltageLevelOptions,
+            PositionDiagramPane,
+            fetchBusesOrBusbarSections
+          }
+        ) }) })
       }
-    ) }) }) }),
+    ),
     /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== StaticVarCompensatorDialogTab.SET_POINTS_LIMITS_TAB, children: /* @__PURE__ */ jsx(
       SetPointsLimitsForm,
       {

package/dist/features/network-modifications/tabular/TabularForm.js

@@ -442,86 +442,116 @@ function TabularForm({
       shouldDirty: true
     });
   };
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, paddingTop: 1, sx: { height: "100%" }, children: [
-    /* @__PURE__ */ jsx(Grid, { sx: { width: 400, maxWidth: "100%" }, children: equipmentTypeField }),
-    equipmentType && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-          /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
-            Button,
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      spacing: 2,
+      sx: {
+        paddingTop: 1,
+        height: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Grid, { sx: { width: 400, maxWidth: "100%" }, children: equipmentTypeField }),
+        equipmentType && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            Grid,
             {
-              variant: "contained",
-              onClick: () => {
-                propertiesDialogOpen.setTrue();
+              container: true,
+              spacing: 2,
+              sx: {
+                justifyContent: "space-between",
+                alignItems: "center"
               },
-              children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DefinePropertiesButton" })
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Grid,
+                  {
+                    container: true,
+                    sx: {
+                      alignItems: "center"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "contained",
+                          onClick: () => {
+                            propertiesDialogOpen.setTrue();
+                          },
+                          children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DefinePropertiesButton" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+                        CsvDownloadButton,
+                        {
+                          data: getTemplateData,
+                          fileName: csvProps.fileName,
+                          language,
+                          labelId: "GenerateCSV",
+                          variant: "contained"
+                        }
+                      ) }),
+                      renderActions?.({
+                        dialogMode,
+                        equipmentType,
+                        csvColumns,
+                        commentLines,
+                        predefinedEquipmentProperties
+                      })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(Grid, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
+                  CsvPicker,
+                  {
+                    label: "UploadCSV",
+                    requiredColumns,
+                    language,
+                    parseConfig,
+                    selectedFile: showCsvFileName ? selectedFile : void 0,
+                    onFileChange: setSelectedFile,
+                    onFileError: setFileErrorMessage,
+                    getTableData: () => getValues(TabularFieldConstants.MODIFICATIONS_TABLE),
+                    onReplace: (results, file) => tableRef.current?.replace(getDataFromCsvFile(results, file)),
+                    onAppend: (results, file) => tableRef.current?.append(getDataFromCsvFile(results, file))
+                  }
+                ) })
+              ]
             }
-          ) }),
-          /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
-            CsvDownloadButton,
+          ),
+          fileErrorMessage && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: fileErrorMessage }) }),
+          fileWarningMessage && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Alert, { severity: "warning", children: fileWarningMessage }) }),
+          /* @__PURE__ */ jsx(Grid, { sx: { flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(
+            CustomAgGridTable,
             {
-              data: getTemplateData,
-              fileName: csvProps.fileName,
-              language,
-              labelId: "GenerateCSV",
-              variant: "contained"
+              ref: tableRef,
+              name: TabularFieldConstants.MODIFICATIONS_TABLE,
+              columnDefs,
+              defaultColDef,
+              makeDefaultRowData,
+              loading: isFetching,
+              pagination: true,
+              rowSelection: {
+                mode: "multiRow"
+              },
+              overrideLocales: AGGRID_LOCALES,
+              csvProps
             }
-          ) }),
-          renderActions?.({
-            dialogMode,
-            equipmentType,
-            csvColumns,
-            commentLines,
-            predefinedEquipmentProperties
-          })
+          ) })
         ] }),
-        /* @__PURE__ */ jsx(Grid, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
-          CsvPicker,
+        /* @__PURE__ */ jsx(
+          DefineTabularPropertiesDialog,
           {
-            label: "UploadCSV",
-            requiredColumns,
-            language,
-            parseConfig,
-            selectedFile: showCsvFileName ? selectedFile : void 0,
-            onFileChange: setSelectedFile,
-            onFileError: setFileErrorMessage,
-            getTableData: () => getValues(TabularFieldConstants.MODIFICATIONS_TABLE),
-            onReplace: (results, file) => tableRef.current?.replace(getDataFromCsvFile(results, file)),
-            onAppend: (results, file) => tableRef.current?.append(getDataFromCsvFile(results, file))
+            open: propertiesDialogOpen,
+            equipmentType,
+            currentProperties: tabularProperties,
+            predefinedEquipmentProperties,
+            onValidate: onPropertiesChange
           }
-        ) })
-      ] }),
-      fileErrorMessage && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: fileErrorMessage }) }),
-      fileWarningMessage && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Alert, { severity: "warning", children: fileWarningMessage }) }),
-      /* @__PURE__ */ jsx(Grid, { sx: { flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(
-        CustomAgGridTable,
-        {
-          ref: tableRef,
-          name: TabularFieldConstants.MODIFICATIONS_TABLE,
-          columnDefs,
-          defaultColDef,
-          makeDefaultRowData,
-          loading: isFetching,
-          pagination: true,
-          rowSelection: {
-            mode: "multiRow"
-          },
-          overrideLocales: AGGRID_LOCALES,
-          csvProps
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      DefineTabularPropertiesDialog,
-      {
-        open: propertiesDialogOpen,
-        equipmentType,
-        currentProperties: tabularProperties,
-        predefinedEquipmentProperties,
-        onValidate: onPropertiesChange
-      }
-    )
-  ] });
+        )
+      ]
+    }
+  );
 }
 export {
   TabularForm

package/dist/features/network-modifications/voltageLevel/creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js

@@ -69,19 +69,29 @@ function SwitchesBetweenSections() {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "SwitchesBetweenSections" }),
-    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, pt: 1, children: rows.map((value, index) => /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-      EnumInput,
+    /* @__PURE__ */ jsx(
+      Grid,
       {
-        options: Object.values(SWITCH_TYPE),
-        name: `${FieldConstants.SWITCH_KINDS}.${index}.${FieldConstants.SWITCH_KIND}`,
-        label: "SwitchBetweenSectionsLabel",
-        labelValues: {
-          index1: String(index + 1),
-          index2: String(index + 2)
+        container: true,
+        spacing: 2,
+        sx: {
+          pt: 1
         },
-        size: "small"
+        children: rows.map((value, index) => /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+          EnumInput,
+          {
+            options: Object.values(SWITCH_TYPE),
+            name: `${FieldConstants.SWITCH_KINDS}.${index}.${FieldConstants.SWITCH_KIND}`,
+            label: "SwitchBetweenSectionsLabel",
+            labelValues: {
+              index1: String(index + 1),
+              index2: String(index + 2)
+            },
+            size: "small"
+          }
+        ) }, value.id))
       }
-    ) }, value.id)) })
+    )
   ] });
 }
 export {

package/dist/features/network-modifications/voltageLevel/creation/tabs/substationTab/SubstationTab.js

@@ -49,23 +49,41 @@ function SubstationTab({ substationOptions, showDeleteButton }) {
       });
     }
   }, [setValue, getValues, watchAddSubstationCreation]);
-  return watchAddSubstationCreation ? /* @__PURE__ */ jsx(SubstationCreationSection, { showDeleteButton, onDelete: handleDeleteSubstationCreation }) : /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, pt: 2, children: [
-    /* @__PURE__ */ jsx(Grid, { size: 4, children: substationOptions ? /* @__PURE__ */ jsx(
-      AutocompleteInput,
-      {
-        name: FieldConstants.SUBSTATION_ID,
-        label: "SUBSTATION",
-        openOnFocus: true,
-        forcePopupIcon: true,
-        options: substationOptions,
-        size: "small",
-        allowNewValue: false,
-        noOptionsText: ""
-      }
-    ) : /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.SUBSTATION_ID, label: "SUBSTATION" }) }),
-    /* @__PURE__ */ jsx(Grid, { mt: 0.75, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Or" }) }),
-    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(AddButton, { label: "CreateSubstation", onClick: handleCreateSubstation }) })
-  ] });
+  return watchAddSubstationCreation ? /* @__PURE__ */ jsx(SubstationCreationSection, { showDeleteButton, onDelete: handleDeleteSubstationCreation }) : /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 2,
+      sx: {
+        pt: 2
+      },
+      children: [
+        /* @__PURE__ */ jsx(Grid, { size: 4, children: substationOptions ? /* @__PURE__ */ jsx(
+          AutocompleteInput,
+          {
+            name: FieldConstants.SUBSTATION_ID,
+            label: "SUBSTATION",
+            openOnFocus: true,
+            forcePopupIcon: true,
+            options: substationOptions,
+            size: "small",
+            allowNewValue: false,
+            noOptionsText: ""
+          }
+        ) : /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.SUBSTATION_ID, label: "SUBSTATION" }) }),
+        /* @__PURE__ */ jsx(
+          Grid,
+          {
+            sx: {
+              mt: 0.75
+            },
+            children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Or" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(AddButton, { label: "CreateSubstation", onClick: handleCreateSubstation }) })
+      ]
+    }
+  );
 }
 export {
   SubstationTab

package/dist/features/network-modifications/voltageLevel/moveFeederBays/MoveVoltageLevelFeederBaysForm.js

@@ -340,7 +340,15 @@ function MoveVoltageLevelFeederBaysForm({
         diagramToolTip
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { paddingTop: 2, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "moveFeederBaysSections" }) }),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        sx: {
+          paddingTop: 2
+        },
+        children: /* @__PURE__ */ jsx(FormattedMessage, { id: "moveFeederBaysSections" })
+      }
+    ),
     /* @__PURE__ */ jsx(Box, { sx: { pt: 1, flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(
       CustomAGGrid,
       {

package/dist/features/network-modifications/voltageLevel/moveFeederBays/feederBay/FeederBayPositionCellRender.js

@@ -75,10 +75,12 @@ function FeederBayPositionCellRenderer({ name, disabled }) {
         size: "small",
         variant: "outlined",
         helperText: isDuplicate && /* @__PURE__ */ jsx(Typography, { variant: "caption", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DuplicatedPositionsWarning" }) }),
-        FormHelperTextProps: {
-          sx: {
-            ml: "auto",
-            color: (theme) => isDuplicate ? theme.palette.warning.main : theme.palette.text.secondary
+        slotProps: {
+          formHelperText: {
+            sx: {
+              ml: "auto",
+              color: (theme) => isDuplicate ? theme.palette.warning.main : theme.palette.text.secondary
+            }
           }
         },
         sx: {

package/dist/features/network-modifications/voltageLevel/section/VoltageLevelSectionCreationForm.js

@@ -334,13 +334,23 @@ function VoltageLevelSectionCreationForm({
   const diagramToolTip = /* @__PURE__ */ jsx(Tooltip, { sx: { paddingLeft: 1 }, title: intl.formatMessage({ id: "builtNodeTooltipForDiagram" }), children: /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "medium" }) });
   return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
     /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Grid, { size: { xs: 12, md: 6 }, children: voltageLevelIdField }),
-        PositionDiagramPane && isNodeBuilt && /* @__PURE__ */ jsxs(Grid, { size: { xs: 12, md: 3 }, children: [
-          /* @__PURE__ */ jsx(Button, { onClick: handleClickOpenDiagramPane, variant: "outlined", size: "small", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "CreateCouplingDeviceDiagramButton" }) }),
-          diagramToolTip
-        ] })
-      ] }) }),
+      /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          sx: {
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Grid, { size: { xs: 12, md: 6 }, children: voltageLevelIdField }),
+            PositionDiagramPane && isNodeBuilt && /* @__PURE__ */ jsxs(Grid, { size: { xs: 12, md: 3 }, children: [
+              /* @__PURE__ */ jsx(Button, { onClick: handleClickOpenDiagramPane, variant: "outlined", size: "small", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "CreateCouplingDeviceDiagramButton" }) }),
+              diagramToolTip
+            ] })
+          ]
+        }
+      ) }),
       isNotFoundOrNotSupported && /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "red", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "notValidVoltageLevel" }) }) }),
       /* @__PURE__ */ jsx(Grid, { size: 12, children: /* @__PURE__ */ jsx(GridSection, { title: "SectionPosition" }) }),
       /* @__PURE__ */ jsx(Grid, { size: 4, children: busbarCountField }),

package/dist/features/network-modifications/voltageLevel/topology/creation/CreateVoltageLevelTopologyForm.js

@@ -105,19 +105,29 @@ function CreateVoltageLevelTopologyForm({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-        /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, alignItems: "center", children: [
-          /* @__PURE__ */ jsx(Grid, { size: 4, children: voltageLevelIdField }),
-          PositionDiagramPane && isNodeBuilt && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
-            /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClickOpenDiagramPane, variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "CreateCouplingDeviceDiagramButton" }) }) }),
-            /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
-              Tooltip,
-              {
-                title: intl.formatMessage({ id: "builtNodeTooltipForDiagram" }),
-                children: /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "small" })
-              }
-            ) })
-          ] }) })
-        ] }) }),
+        /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(
+          Grid,
+          {
+            container: true,
+            spacing: 3,
+            sx: {
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Grid, { size: 4, children: voltageLevelIdField }),
+              PositionDiagramPane && isNodeBuilt && /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+                /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClickOpenDiagramPane, variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "CreateCouplingDeviceDiagramButton" }) }) }),
+                /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+                  Tooltip,
+                  {
+                    title: intl.formatMessage({ id: "builtNodeTooltipForDiagram" }),
+                    children: /* @__PURE__ */ jsx(InfoOutlined, { color: "info", fontSize: "small" })
+                  }
+                ) })
+              ] }) })
+            ]
+          }
+        ) }),
         /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(IntegerInput, { name: FieldConstants.SECTION_COUNT, label: "SectionCount" }) }) }) })
       ] }) }),
       /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(SwitchesBetweenSections, {}) })

package/dist/features/network-modifications/voltageLevel/topology/modification/VoltageLevelTopologyModificationForm.js

@@ -237,25 +237,35 @@ function VoltageLevelTopologyModificationForm({
           ...filledTextField
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { size: 8, container: true, justifyContent: "flex-end", children: isPreviousStatusEnabled && /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ jsx(
+        Grid,
         {
-          variant: "outlined",
-          color: "primary",
-          size: "small",
-          onClick: copyPreviousToCurrentStatus,
-          startIcon: /* @__PURE__ */ jsx(
-            PublishedWithChanges,
+          size: 8,
+          container: true,
+          sx: {
+            justifyContent: "flex-end"
+          },
+          children: isPreviousStatusEnabled && /* @__PURE__ */ jsx(
+            Button,
             {
-              style: {
-                width: 24,
-                height: 24
-              }
+              variant: "outlined",
+              color: "primary",
+              size: "small",
+              onClick: copyPreviousToCurrentStatus,
+              startIcon: /* @__PURE__ */ jsx(
+                PublishedWithChanges,
+                {
+                  style: {
+                    width: 24,
+                    height: 24
+                  }
+                }
+              ),
+              children: intl.formatMessage({ id: "copyPreviousTopologyStatus" })
             }
-          ),
-          children: intl.formatMessage({ id: "copyPreviousTopologyStatus" })
+          )
         }
-      ) })
+      )
     ] }),
     /* @__PURE__ */ jsx(Box, { sx: { pt: 2, flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(
       CustomAGGrid,

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

@@ -101,10 +101,23 @@ function ParameterField({
   };
   const LABEL_GRID_SIZE = type !== ParameterType.COUNTRIES ? 8 : 3;
   const INPUT_GRID_SIZE = 12 - LABEL_GRID_SIZE;
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", sx: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx(Grid, { 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(Grid, { container: true, size: INPUT_GRID_SIZE, sx: parametersStyles.controlItem, children: renderField() })
-  ] }, name);
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 1,
+      sx: {
+        paddingTop: 1,
+        justifyContent: "space-between",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Grid, { 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(Grid, { container: true, size: INPUT_GRID_SIZE, sx: parametersStyles.controlItem, children: renderField() })
+      ]
+    },
+    name
+  );
 }
 export {
   ParameterField

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

@@ -78,18 +78,29 @@ function ParameterTableField({
     [isValidRow, onChange]
   );
   return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, size: 12, children: [
-    label && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
-      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-      tooltipProps && /* @__PURE__ */ jsx(
-        CustomTooltip,
-        {
-          title: typeof title === "string" ? /* @__PURE__ */ jsx(FormattedMessage, { id: title }) : title,
-          sx: { marginLeft: 1 },
-          ...otherTooltipProps,
-          children: /* @__PURE__ */ jsx(Info, {})
-        }
-      )
-    ] }),
+    label && /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        sx: {
+          alignItems: "center",
+          paddingBottom: 2,
+          paddingTop: 2
+        },
+        children: [
+          /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+          tooltipProps && /* @__PURE__ */ jsx(
+            CustomTooltip,
+            {
+              title: typeof title === "string" ? /* @__PURE__ */ jsx(FormattedMessage, { id: title }) : title,
+              sx: { marginLeft: 1 },
+              ...otherTooltipProps,
+              children: /* @__PURE__ */ jsx(Info, {})
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(
       DndTable,
       {

package/dist/features/parameters/common/provider-param.js

@@ -33,7 +33,7 @@ const styles = {
   }
 };
 function ProviderParam({ options, id, sx }) {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, sx: mergeSx(styles.providerParam, sx), justifyContent: "space-between", children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, sx: mergeSx({ justifyContent: "space-between" }, styles.providerParam, sx), children: [
     /* @__PURE__ */ jsx(Grid, { size: "auto", sx: mergeSx(parametersStyles.parameterName, { paddingRight: 2 }), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Provider" }) }),
     /* @__PURE__ */ jsx(Grid, { size: "auto", sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(MuiSelectInput, { name: PROVIDER, size: "small", options, "data-testid": `${id}Provider` }) }),
     /* @__PURE__ */ jsx(LineSeparator, {})