@gridsuite/commons-ui 0.296.0 → 0.297.0

package/dist/features/parameters/dynamic-simulation/curve/dialog/curve-selector-dialog.js

@@ -74,42 +74,53 @@ function CurveSelectorDialog({
               modelsFetcher
             }
           ) }),
-          /* @__PURE__ */ jsx(Grid, { size: 0.5, display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs(Stack, { children: [
-            /* @__PURE__ */ jsx(
-              CustomTooltip,
-              {
-                title: intl.formatMessage({
-                  id: "AddRows"
-                }),
-                children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-                  IconButton,
+          /* @__PURE__ */ jsx(
+            Grid,
+            {
+              size: 0.5,
+              sx: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center"
+              },
+              children: /* @__PURE__ */ jsxs(Stack, { children: [
+                /* @__PURE__ */ jsx(
+                  CustomTooltip,
                   {
-                    color: "primary",
-                    onClick: () => handleAddButton(),
-                    disabled: hasSelectedRow,
-                    children: /* @__PURE__ */ jsx(ArrowCircleRight, {})
+                    title: intl.formatMessage({
+                      id: "AddRows"
+                    }),
+                    children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        color: "primary",
+                        onClick: () => handleAddButton(),
+                        disabled: hasSelectedRow,
+                        children: /* @__PURE__ */ jsx(ArrowCircleRight, {})
+                      }
+                    ) })
                   }
-                ) })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              CustomTooltip,
-              {
-                title: intl.formatMessage({
-                  id: "DeleteRows"
-                }),
-                children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-                  IconButton,
+                ),
+                /* @__PURE__ */ jsx(
+                  CustomTooltip,
                   {
-                    color: "primary",
-                    onClick: () => handleDeleteButton(),
-                    disabled: hasSelectedRow,
-                    children: /* @__PURE__ */ jsx(ArrowCircleLeft, {})
+                    title: intl.formatMessage({
+                      id: "DeleteRows"
+                    }),
+                    children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        color: "primary",
+                        onClick: () => handleDeleteButton(),
+                        disabled: hasSelectedRow,
+                        children: /* @__PURE__ */ jsx(ArrowCircleLeft, {})
+                      }
+                    ) })
                   }
-                ) })
-              }
-            )
-          ] }) }),
+                )
+              ] })
+            }
+          ),
           /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(CurvePreview, { ref: previewRef }) })
         ]
       }

package/dist/features/parameters/dynamic-simulation/curve/dialog/curve-selector.js

@@ -39,31 +39,53 @@ const CurveSelector = forwardRef(
       []
     );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsxs(Stack, { alignItems: "flex-start", justifyContent: "flex-start", spacing: 1, sx: { height: "100%" }, children: [
-        /* @__PURE__ */ jsx(Typography, { sx: styles.h6, variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveEquipmentFilter" }) }),
-        /* @__PURE__ */ jsx(
-          EquipmentFilter,
-          {
-            ref: equipmentFilterRef,
-            equipmentType,
-            onChangeEquipmentType: handleChangeEquipmentType,
-            voltageLevelsFetcher,
-            countriesFetcher,
-            evaluateFilterFetcher
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsxs(Stack, { alignItems: "flex-start", justifyContent: "flex-start", spacing: 1, sx: { height: "100%" }, children: [
-        /* @__PURE__ */ jsx(Typography, { sx: styles.h6, variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveCurveFilter" }) }),
-        /* @__PURE__ */ jsx(
-          ModelFilter,
-          {
-            ref: modelFilterRef,
-            equipmentType: getReferencedEquipmentTypeForModel(equipmentType),
-            modelsFetcher
-          }
-        )
-      ] }) })
+      /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          spacing: 1,
+          sx: {
+            alignItems: "flex-start",
+            justifyContent: "flex-start",
+            height: "100%"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Typography, { sx: styles.h6, variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveEquipmentFilter" }) }),
+            /* @__PURE__ */ jsx(
+              EquipmentFilter,
+              {
+                ref: equipmentFilterRef,
+                equipmentType,
+                onChangeEquipmentType: handleChangeEquipmentType,
+                voltageLevelsFetcher,
+                countriesFetcher,
+                evaluateFilterFetcher
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { size: 6, children: /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          spacing: 1,
+          sx: {
+            alignItems: "flex-start",
+            justifyContent: "flex-start",
+            height: "100%"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Typography, { sx: styles.h6, variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveCurveFilter" }) }),
+            /* @__PURE__ */ jsx(
+              ModelFilter,
+              {
+                ref: modelFilterRef,
+                equipmentType: getReferencedEquipmentTypeForModel(equipmentType),
+                modelsFetcher
+              }
+            )
+          ]
+        }
+      ) })
     ] });
   }
 );

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

@@ -77,9 +77,13 @@ function MapParameters() {
     {
       container: true,
       spacing: 1,
-      sx: parametersStyles.scrollableGrid,
-      marginTop: -3,
-      justifyContent: "space-between",
+      sx: [
+        {
+          marginTop: -3,
+          justifyContent: "space-between"
+        },
+        parametersStyles.scrollableGrid
+      ],
       children: [
         lineSwitch(PARAM_LINE_FULL_PATH, PARAM_LINE_FULL_PATH),
         lineSwitch(PARAM_LINE_PARALLEL_PATH, PARAM_LINE_PARALLEL_PATH),

package/dist/features/parameters/network-visualizations/network-area-diagram-parameters.js

@@ -31,9 +31,13 @@ function NetworkAreaDiagramParameters() {
     {
       container: true,
       spacing: 1,
-      sx: parametersStyles.scrollableGrid,
-      marginTop: -3,
-      justifyContent: "space-between",
+      sx: [
+        {
+          marginTop: -3,
+          justifyContent: "space-between"
+        },
+        parametersStyles.scrollableGrid
+      ],
       children: [
         /* @__PURE__ */ jsx(Grid, { size: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: NAD_POSITIONS_GENERATION_MODE_LABEL }) }),
         /* @__PURE__ */ jsx(Grid, { container: true, size: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(

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

@@ -69,9 +69,13 @@ function SingleLineDiagramParameters({ componentLibraries }) {
     {
       container: true,
       spacing: 1,
-      sx: parametersStyles.scrollableGrid,
-      marginTop: -3,
-      justifyContent: "space-between",
+      sx: [
+        {
+          marginTop: -3,
+          justifyContent: "space-between"
+        },
+        parametersStyles.scrollableGrid
+      ],
       children: [
         labelPosition(PARAM_DIAGONAL_LABEL, DIAGONAL_LABEL),
         labelPosition(PARAM_CENTER_LABEL, CENTER_LABEL),

package/dist/features/parameters/security-analysis/security-analysis-violations-hiding.js

@@ -105,19 +105,29 @@ const fieldsToShow = [
 function ViolationsHidingParameters() {
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxs(Grid, { size: 8, sx: parametersStyles.text, children: [
-      /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({
-        id: "securityAnalysis.violationsHiding"
-      }) }),
-      /* @__PURE__ */ jsx(
-        CustomTooltip,
-        {
-          sx: parametersStyles.tooltip,
-          title: intl.formatMessage({ id: "securityAnalysis.toolTip.violationsHiding" }),
-          children: /* @__PURE__ */ jsx(Info, {})
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        container: true,
+        spacing: 1,
+        sx: {
+          paddingBottom: 1
+        },
+        children: /* @__PURE__ */ jsxs(Grid, { size: 8, sx: parametersStyles.text, children: [
+          /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({
+            id: "securityAnalysis.violationsHiding"
+          }) }),
+          /* @__PURE__ */ jsx(
+            CustomTooltip,
+            {
+              sx: parametersStyles.tooltip,
+              title: intl.formatMessage({ id: "securityAnalysis.toolTip.violationsHiding" }),
+              children: /* @__PURE__ */ jsx(Info, {})
+            }
+          )
+        ] })
+      }
+    ),
     fieldsToShow?.map((item) => /* @__PURE__ */ jsx(SecurityAnalysisFields, { ...item }, item.label))
   ] });
 }

package/dist/features/parameters/sensi/sensitivity-analysis-parameters-factor-count.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Box, CircularProgress } from "@mui/material";
 import { FormattedMessage } from "react-intl";
-import { ErrorOutline } from "@mui/icons-material";
+import { ErrorOutlined } from "@mui/icons-material";
 const styles = {
   circularProgress: (theme) => ({
     display: "flex",
@@ -48,7 +48,7 @@ function SensitivityAnalysisParametersFactorCount(props) {
   const displayCount = isOverMillion ? "999999" : count.toString();
   const suffix = isOverMillion ? "+" : "";
   return /* @__PURE__ */ jsxs(Box, { sx, children: [
-    isAlert && /* @__PURE__ */ jsx(ErrorOutline, { sx: styles.errorOutlineIcon }),
+    isAlert && /* @__PURE__ */ jsx(ErrorOutlined, { sx: styles.errorOutlineIcon }),
     /* @__PURE__ */ jsx(FormattedMessage, { id: messageId, values: { count: displayCount, suffix } })
   ] });
 }

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

@@ -49,7 +49,18 @@ function SensitivityAnalysisParametersForm({
     ),
     /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(SensitivityAnalysisFields, {}),
-      /* @__PURE__ */ jsx(Grid, { container: true, size: 12, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) }),
+      /* @__PURE__ */ jsx(
+        Grid,
+        {
+          container: true,
+          size: 12,
+          sx: {
+            paddingTop: 1,
+            paddingBottom: 1
+          },
+          children: /* @__PURE__ */ jsx(LineSeparator, {})
+        }
+      ),
       /* @__PURE__ */ jsx(
         SensitivityParametersSelector,
         {

package/dist/features/parameters/sensi/sensitivity-parameters-fields.js

@@ -26,32 +26,42 @@ import "react-resizable-panels";
 import "react-papaparse";
 import { parametersStyles } from "../parameters-style.js";
 function SensitivityAnalysisFields() {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, paddingTop: 1, children: [
-    /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "flowSensitivityValue" }) }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
-      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-        FloatInput,
-        {
-          name: FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD,
-          label: "flowFlowSensitivityValueThreshold"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-        FloatInput,
-        {
-          name: ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD,
-          label: "angleFlowSensitivityValueThreshold"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-        FloatInput,
-        {
-          name: FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD,
-          label: "flowVoltageSensitivityValueThreshold"
-        }
-      ) })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 1,
+      sx: {
+        paddingTop: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "flowSensitivityValue" }) }),
+        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
+          /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+            FloatInput,
+            {
+              name: FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD,
+              label: "flowFlowSensitivityValueThreshold"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+            FloatInput,
+            {
+              name: ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD,
+              label: "angleFlowSensitivityValueThreshold"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+            FloatInput,
+            {
+              name: FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD,
+              label: "flowVoltageSensitivityValueThreshold"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
 }
 export {
   SensitivityAnalysisFields

package/dist/features/parameters/short-circuit/short-circuit-general-tab-panel.js

@@ -114,10 +114,21 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       const newPredefinedParameters = event.target.value;
       resetAll(newPredefinedParameters);
     };
-    const feederResult = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
-      /* @__PURE__ */ jsx(Grid, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
-    ] });
+    const feederResult = /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        direction: "row",
+        sx: {
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Grid, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
+          /* @__PURE__ */ jsx(Grid, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
+        ]
+      }
+    );
     const predefinedParameters = /* @__PURE__ */ jsx(
       MuiSelectInput,
       {
@@ -175,28 +186,58 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       isIccMaxFeaturesDefaultConfiguration,
       isIccMinFeaturesDefaultConfiguration
     ]);
-    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid, { container: true, paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 2, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
-      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPredefinedParameters", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid, { size: { xl: 6 }, container: true, spacing: 1, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(GridItem, { size: 9, children: predefinedParameters }),
-        /* @__PURE__ */ jsx(GridItem, { size: 2, children: statusToShow })
-      ] }),
-      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitCharacteristics", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 5, size: 12, children: [
-        /* @__PURE__ */ jsxs(Grid, { children: [
-          /* @__PURE__ */ jsx(GridItem, { children: loads }),
-          /* @__PURE__ */ jsx(GridItem, { children: shuntCompensators })
-        ] }),
-        /* @__PURE__ */ jsxs(Grid, { size: 8, children: [
-          /* @__PURE__ */ jsx(GridItem, { children: vsc }),
-          /* @__PURE__ */ jsx(GridItem, { children: neutralPosition })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitVoltageProfileMode", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
-      /* @__PURE__ */ jsx(VoltageTable, { voltageProfileMode: watchInitialVoltageProfileMode })
-    ] }) });
+    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        sx: {
+          paddingLeft: 2
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Grid,
+            {
+              container: true,
+              size: { xl: 6 },
+              sx: {
+                paddingTop: 2
+              },
+              children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult })
+            }
+          ),
+          /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPredefinedParameters", heading: 4 }),
+          /* @__PURE__ */ jsxs(
+            Grid,
+            {
+              size: { xl: 6 },
+              container: true,
+              spacing: 1,
+              sx: {
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ jsx(GridItem, { size: 9, children: predefinedParameters }),
+                /* @__PURE__ */ jsx(GridItem, { size: 2, children: statusToShow })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitCharacteristics", heading: 4 }),
+          /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 5, size: 12, children: [
+            /* @__PURE__ */ jsxs(Grid, { children: [
+              /* @__PURE__ */ jsx(GridItem, { children: loads }),
+              /* @__PURE__ */ jsx(GridItem, { children: shuntCompensators })
+            ] }),
+            /* @__PURE__ */ jsxs(Grid, { size: 8, children: [
+              /* @__PURE__ */ jsx(GridItem, { children: vsc }),
+              /* @__PURE__ */ jsx(GridItem, { children: neutralPosition })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitVoltageProfileMode", heading: 4 }),
+          /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
+          /* @__PURE__ */ jsx(VoltageTable, { voltageProfileMode: watchInitialVoltageProfileMode })
+        ]
+      }
+    ) });
   }
 );
 export {

package/dist/features/parameters/short-circuit/short-circuit-power-electronics-tab-panel.js

@@ -57,10 +57,21 @@ function createRows() {
 }
 const ShortCircuitPowerElectronicsTabPanel = forwardRef(
   ({ ...othersTabPanelProps }, ref) => {
-    const modelPowerElectronics = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
-      /* @__PURE__ */ jsx(Grid, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
-    ] });
+    const modelPowerElectronics = /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        direction: "row",
+        sx: {
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Grid, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
+          /* @__PURE__ */ jsx(Grid, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
+        ]
+      }
+    );
     return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.POWER_ELECTRONICS, ref, ...othersTabPanelProps, children: [
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPowerElectronicsSection", heading: 4 }),
       /* @__PURE__ */ jsx(Grid, { container: true, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: modelPowerElectronics }) }),

package/dist/features/parameters/voltage-init/equipment-selection-parameters.js

@@ -61,13 +61,25 @@ function EquipmentSelectionParameters() {
       /* @__PURE__ */ jsx("br", {}),
       /* @__PURE__ */ jsx(FormattedMessage, { id: "VoltageInitParametersBatteriesAlert" })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
-      RadioInput,
+    /* @__PURE__ */ jsx(
+      Grid,
       {
-        name: GENERATORS_SELECTION_TYPE,
-        options: Object.values(initialEquipmentsSelectionType)
+        container: true,
+        sx: [
+          {
+            justifyContent: "flex-end"
+          },
+          equipmentsSelectionStyles.choiceContainer
+        ],
+        children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+          RadioInput,
+          {
+            name: GENERATORS_SELECTION_TYPE,
+            options: Object.values(initialEquipmentsSelectionType)
+          }
+        ) })
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsx(
       ParameterLineDirectoryItemsInput,
       {
@@ -78,13 +90,25 @@ function EquipmentSelectionParameters() {
         hideErrorMessage: true
       }
     ),
-    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
-      RadioInput,
+    /* @__PURE__ */ jsx(
+      Grid,
       {
-        name: TRANSFORMERS_SELECTION_TYPE,
-        options: Object.values(initialEquipmentsSelectionType)
+        container: true,
+        sx: [
+          {
+            justifyContent: "flex-end"
+          },
+          equipmentsSelectionStyles.choiceContainer
+        ],
+        children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+          RadioInput,
+          {
+            name: TRANSFORMERS_SELECTION_TYPE,
+            options: Object.values(initialEquipmentsSelectionType)
+          }
+        ) })
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsx(
       ParameterLineDirectoryItemsInput,
       {
@@ -95,13 +119,25 @@ function EquipmentSelectionParameters() {
         hideErrorMessage: true
       }
     ),
-    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", sx: equipmentsSelectionStyles.choiceContainer, children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
-      RadioInput,
+    /* @__PURE__ */ jsx(
+      Grid,
       {
-        name: SHUNT_COMPENSATORS_SELECTION_TYPE,
-        options: Object.values(initialEquipmentsSelectionType)
+        container: true,
+        sx: [
+          {
+            justifyContent: "flex-end"
+          },
+          equipmentsSelectionStyles.choiceContainer
+        ],
+        children: /* @__PURE__ */ jsx(Grid, { size: 5, sx: equipmentsSelectionStyles.choice, children: /* @__PURE__ */ jsx(
+          RadioInput,
+          {
+            name: SHUNT_COMPENSATORS_SELECTION_TYPE,
+            options: Object.values(initialEquipmentsSelectionType)
+          }
+        ) })
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsx(
       ParameterLineDirectoryItemsInput,
       {

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

@@ -68,7 +68,15 @@ function GeneralParameters({ withApplyModifications }) {
           onChange: setApplyModificationsValue
         }
       ),
-      /* @__PURE__ */ jsx(Box, { my: 2, children: /* @__PURE__ */ jsx(LineSeparator, {}) })
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            my: 2
+          },
+          children: /* @__PURE__ */ jsx(LineSeparator, {})
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(
       ParameterSwitch,

package/dist/features/process-configs/common/FormSubSection.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Stack, Typography } from "@mui/material";
 function FormSubSection({ children, id, title }) {
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, component: "section", "aria-labelledby": id, children: [
-    /* @__PURE__ */ jsx(Typography, { id, variant: "subtitle1", fontWeight: 600, children: title }),
+  return /* @__PURE__ */ jsxs(Stack, { component: "section", "aria-labelledby": id, children: [
+    /* @__PURE__ */ jsx(Typography, { sx: { paddingBottom: 1, fontWeight: 600 }, id, variant: "subtitle1", children: title }),
     children
   ] });
 }

package/dist/features/process-configs/common/GeneralInformationSection.js

@@ -84,7 +84,7 @@ function GeneralInformationSection({
       )
     ] }),
     withFolderField && /* @__PURE__ */ jsxs(Grid, { size: { xs: 12, sm: 12 }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "processConfigSaveDirectory" }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", sx: { fontWeight: 600, paddingBottom: 0.5 }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "processConfigSaveDirectory" }) }),
       /* @__PURE__ */ jsx(
         DirectoryItemInput,
         {