@gridsuite/commons-ui 0.296.0 → 0.297.0

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsPropertiesSideStack.js

@@ -97,79 +97,92 @@ function LimitsPropertiesSideStack({ name, disabled }) {
     setPropertyName(value);
     setNameEditorError("");
   }, []);
-  return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 2, paddingTop: 2, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { display: "flex", flexWrap: "wrap" }, children: [
-      limitsProperties?.map((property, index) => /* @__PURE__ */ jsx(
-        LimitsTagChip,
-        {
-          limitsProperty: property,
-          onDelete: () => remove(index),
-          disabled,
-          showTooltip: true
-        },
-        `${property.name}`
-      )),
-      !isEditing && /* @__PURE__ */ jsx(AddButton, { disabled, label: "AddProperty", onClick: () => setIsEditing(true) })
-    ] }),
-    isEditing && !disabled ? /* @__PURE__ */ jsxs(
-      Box,
-      {
-        display: "flex",
-        gap: 2,
-        width: "100%",
-        onMouseEnter: () => setHovered(true),
-        onMouseLeave: () => setHovered(false),
-        children: [
-          /* @__PURE__ */ jsx(
-            Autocomplete,
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "column",
+      spacing: 2,
+      sx: {
+        paddingTop: 2,
+        flexWrap: "wrap"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { display: "flex", flexWrap: "wrap" }, children: [
+          limitsProperties?.map((property, index) => /* @__PURE__ */ jsx(
+            LimitsTagChip,
             {
-              options: Object.values(predefinedPropertiesNames),
-              size: "small",
-              onChange: (event, value) => handleOnChange(value ?? ""),
-              renderInput: (params) => /* @__PURE__ */ jsx(
+              limitsProperty: property,
+              onDelete: () => remove(index),
+              disabled,
+              showTooltip: true
+            },
+            `${property.name}`
+          )),
+          !isEditing && /* @__PURE__ */ jsx(AddButton, { disabled, label: "AddProperty", onClick: () => setIsEditing(true) })
+        ] }),
+        isEditing && !disabled ? /* @__PURE__ */ jsxs(
+          Box,
+          {
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+            sx: {
+              display: "flex",
+              gap: 2,
+              width: "100%"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Autocomplete,
+                {
+                  options: Object.values(predefinedPropertiesNames),
+                  size: "small",
+                  onChange: (event, value) => handleOnChange(value ?? ""),
+                  renderInput: (params) => /* @__PURE__ */ jsx(
+                    TextField,
+                    {
+                      label: intl.formatMessage({ id: "PropertyName" }),
+                      variant: "outlined",
+                      ...params,
+                      onChange: (event) => handleOnChange(event.target.value),
+                      fullWidth: true,
+                      error: nameEditorError !== "",
+                      helperText: nameEditorError,
+                      onKeyDown: handleKeyPress
+                    }
+                  ),
+                  sx: { flex: 1 },
+                  freeSolo: true
+                }
+              ),
+              /* @__PURE__ */ jsx(
                 TextField,
                 {
-                  label: intl.formatMessage({ id: "PropertyName" }),
-                  variant: "outlined",
-                  ...params,
-                  onChange: (event) => handleOnChange(event.target.value),
-                  fullWidth: true,
-                  error: nameEditorError !== "",
-                  helperText: nameEditorError,
-                  onKeyDown: handleKeyPress
+                  size: "small",
+                  label: intl.formatMessage({ id: "PropertyValue" }),
+                  sx: { flex: 1, verticalAlign: "center" },
+                  onKeyDown: handleKeyPress,
+                  onChange: (event) => setPropertyValue(event.target.value),
+                  error: valueEditorError !== "",
+                  helperText: valueEditorError
                 }
               ),
-              sx: { flex: 1 },
-              freeSolo: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              size: "small",
-              label: intl.formatMessage({ id: "PropertyValue" }),
-              sx: { flex: 1, verticalAlign: "center" },
-              onKeyDown: handleKeyPress,
-              onChange: (event) => setPropertyValue(event.target.value),
-              error: valueEditorError !== "",
-              helperText: valueEditorError
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              sx: { verticalAlign: "center" },
-              onClick: () => {
-                setIsEditing(false);
-                setNameEditorError("");
-              },
-              children: /* @__PURE__ */ jsx(Delete, { visibility: hovered ? "visible" : "hidden" })
-            }
-          )
-        ]
-      }
-    ) : ""
-  ] });
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  sx: { verticalAlign: "center" },
+                  onClick: () => {
+                    setIsEditing(false);
+                    setNameEditorError("");
+                  },
+                  children: /* @__PURE__ */ jsx(Delete, { visibility: hovered ? "visible" : "hidden" })
+                }
+              )
+            ]
+          }
+        ) : ""
+      ]
+    }
+  );
 }
 export {
   LimitsPropertiesSideStack

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

@@ -72,27 +72,37 @@ function BusbarSectionVoltageMeasurementsForm({
       if (validity != null) {
         previousValidity = intl.formatMessage({ id: validity ? "ValidMeasurement" : "InvalidMeasurement" });
       }
-      return /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Grid, { size: 3, children: bbsId }),
-        /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-          FloatInput,
-          {
-            name: `${BUSBAR_SECTION_V_MEASUREMENTS}.${originalIndex}.${FieldConstants.VALUE}`,
-            label: "VoltageText",
-            adornment: VoltageAdornment,
-            previousValue,
-            clearable: true
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(
-          CheckboxNullableInput,
-          {
-            name: `${BUSBAR_SECTION_V_MEASUREMENTS}.${originalIndex}.${FieldConstants.VALIDITY}`,
-            label: "ValidMeasurement",
-            previousValue: previousValidity
-          }
-        ) })
-      ] }) }, field.id);
+      return /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          sx: {
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Grid, { size: 3, children: bbsId }),
+            /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+              FloatInput,
+              {
+                name: `${BUSBAR_SECTION_V_MEASUREMENTS}.${originalIndex}.${FieldConstants.VALUE}`,
+                label: "VoltageText",
+                adornment: VoltageAdornment,
+                previousValue,
+                clearable: true
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Grid, { size: 3, children: /* @__PURE__ */ jsx(
+              CheckboxNullableInput,
+              {
+                name: `${BUSBAR_SECTION_V_MEASUREMENTS}.${originalIndex}.${FieldConstants.VALIDITY}`,
+                label: "ValidMeasurement",
+                previousValue: previousValidity
+              }
+            ) })
+          ]
+        }
+      ) }, field.id);
     })
   ] });
 }

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

@@ -77,28 +77,39 @@ function ReactiveCapabilityCurveTableForm({
       } else {
         labelSuffix = index - 1;
       }
-      return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, width: "100%", children: [
-        /* @__PURE__ */ jsx(ReactiveCapabilityCurveRowForm, { id, index, labelSuffix }),
-        /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            onClick: () => handleRemoveRow(index),
-            disabled: disabled || index === 0 || index === displayedValues.length - 1,
-            children: /* @__PURE__ */ jsx(Delete, {})
+      return /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 3,
+          sx: {
+            width: "100%"
           },
-          value.id
-        ) }),
-        index === displayedValues.length - 1 && /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            onClick: () => handleInsertRow(),
-            disabled,
-            style: { top: "-1em" },
-            children: /* @__PURE__ */ jsx(ControlPoint, {})
-          },
-          value.id
-        ) })
-      ] }, value.id);
+          children: [
+            /* @__PURE__ */ jsx(ReactiveCapabilityCurveRowForm, { id, index, labelSuffix }),
+            /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handleRemoveRow(index),
+                disabled: disabled || index === 0 || index === displayedValues.length - 1,
+                children: /* @__PURE__ */ jsx(Delete, {})
+              },
+              value.id
+            ) }),
+            index === displayedValues.length - 1 && /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handleInsertRow(),
+                disabled,
+                style: { top: "-1em" },
+                children: /* @__PURE__ */ jsx(ControlPoint, {})
+              },
+              value.id
+            ) })
+          ]
+        },
+        value.id
+      );
     })
   ] });
 }

package/dist/features/network-modifications/common/regulatingTerminal/RegulatingTerminalForm.d.ts

@@ -3,7 +3,7 @@ import { EquipmentType, Identifiable } from '../../../../utils';
 export interface RegulatingTerminalFormProps {
     /** Parent path within the react-hook-form tree (e.g. 'setpointsLimits' or '') */
     id: string;
-    direction?: GridDirection;
+    direction?: GridDirection | 'column' | 'column-reverse';
     disabled?: boolean;
     voltageLevelOptions: Identifiable[];
     equipmentSectionTypeDefaultValue?: string;

package/dist/features/network-modifications/common/regulatingTerminal/RegulatingTerminalForm.js

@@ -70,7 +70,7 @@ function RegulatingTerminalForm({
   const resetEquipment = useCallback(() => {
     setValue(`${id}.${FieldConstants.EQUIPMENT}`, null);
   }, [id, setValue]);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: direction ?? "row", spacing: 1, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, sx: { flexDirection: direction ?? "row" }, children: [
     /* @__PURE__ */ jsx(Grid, { size: itemSize, children: /* @__PURE__ */ jsx(
       AutocompleteInput,
       {

package/dist/features/network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js

@@ -33,15 +33,26 @@ function ShuntCompensatorSelectionForm({
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title, heading: 4 }),
-    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
-        CheckboxInput,
-        {
-          name: `${arrayFormName}[${index}].${FieldConstants.SHUNT_COMPENSATOR_SELECTED}`
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(ReadOnlyInput, { name: `${arrayFormName}[${index}].${FieldConstants.ID}` }) })
-    ] }, field.id))
+    mcsRows.map((field, index) => /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 1,
+        sx: {
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Grid, { size: 1, children: /* @__PURE__ */ jsx(
+            CheckboxInput,
+            {
+              name: `${arrayFormName}[${index}].${FieldConstants.SHUNT_COMPENSATOR_SELECTED}`
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { size: "grow", children: /* @__PURE__ */ jsx(ReadOnlyInput, { name: `${arrayFormName}[${index}].${FieldConstants.ID}` }) })
+        ]
+      },
+      field.id
+    ))
   ] });
 }
 export {

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

@@ -160,18 +160,28 @@ function GeneratorCreationForm({
     /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
     /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
     /* @__PURE__ */ jsx(SetPointsForm, {}),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
-      /* @__PURE__ */ jsx(
-        GridItem,
-        {
-          tooltip: watchVoltageRegulation !== null ? "" : /* @__PURE__ */ jsx(FormattedMessage, { id: "NoModification" }),
-          size: 4,
-          children: voltageRegulationField
-        }
-      ),
-      voltageRegulationFields,
-      /* @__PURE__ */ jsx(ActivePowerControlForm, {})
-    ] }),
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        sx: {
+          paddingTop: 2
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            GridItem,
+            {
+              tooltip: watchVoltageRegulation !== null ? "" : /* @__PURE__ */ jsx(FormattedMessage, { id: "NoModification" }),
+              size: 4,
+              children: voltageRegulationField
+            }
+          ),
+          voltageRegulationFields,
+          /* @__PURE__ */ jsx(ActivePowerControlForm, {})
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
     /* @__PURE__ */ jsx(ShortCircuitForm, {}),
     /* @__PURE__ */ jsx(GridSection, { title: "GenerationDispatch" }),

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

@@ -210,24 +210,34 @@ function GeneratorDialogTabsContent({
           isModification: true
         }
       ),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, children: [
-        /* @__PURE__ */ jsx(
-          GridItem,
-          {
-            tooltip: watchVoltageRegulation === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "NoModification" }) : "",
-            size: 4,
-            children: voltageRegulationField
-          }
-        ),
-        voltageRegulationFields,
-        /* @__PURE__ */ jsx(
-          ActivePowerControlForm,
-          {
-            isEquipmentModification: true,
-            previousValues: generatorToModify?.activePowerControl
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          sx: {
+            paddingTop: 2
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              GridItem,
+              {
+                tooltip: watchVoltageRegulation === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "NoModification" }) : "",
+                size: 4,
+                children: voltageRegulationField
+              }
+            ),
+            voltageRegulationFields,
+            /* @__PURE__ */ jsx(
+              ActivePowerControlForm,
+              {
+                isEquipmentModification: true,
+                previousValues: generatorToModify?.activePowerControl
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid, { size: 12, children: [
         /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Limits" }) }),
         /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "ActiveLimits" }) })

package/dist/features/network-modifications/hvdcLine/vsc/common/converterStation/VscConverterStationPane.js

@@ -179,10 +179,21 @@ function VscConverterStationPane({
     ),
     /* @__PURE__ */ jsx(GridSection, { title: "Setpoints" }),
     /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(GridItem, { size: 4, children: reactivePowerField }) }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingTop: 2, sx: { width: "100%" }, children: [
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulation }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageField })
-    ] })
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        sx: {
+          paddingTop: 2,
+          width: "100%"
+        },
+        children: [
+          /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulation }),
+          /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageField })
+        ]
+      }
+    )
   ] });
 }
 export {

package/dist/features/network-modifications/static-var-compensator/common/set-points-limits-form.js

@@ -144,47 +144,77 @@ function SetPointsLimitsForm({
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, padding: 1, children: [
-      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-        SelectInput,
-        {
-          name: `${id}.${FieldConstants.CHARACTERISTICS_CHOICE}`,
-          options: Object.values(CHARACTERISTICS_CHOICES),
-          fullWidth: true,
-          disableClearable: true,
-          size: "small"
-        }
-      ) }),
-      watchCharacteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(GridItem, { size: 4, children: minQAtNominalVField }),
-        /* @__PURE__ */ jsx(GridItem, { size: 4, children: maxQAtNominalVField })
-      ] }),
-      watchCharacteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(GridItem, { size: 4, children: minSusceptanceField }),
-        /* @__PURE__ */ jsx(GridItem, { size: 4, children: maxSusceptanceField })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        sx: {
+          padding: 1
+        },
+        children: [
+          /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+            SelectInput,
+            {
+              name: `${id}.${FieldConstants.CHARACTERISTICS_CHOICE}`,
+              options: Object.values(CHARACTERISTICS_CHOICES),
+              fullWidth: true,
+              disableClearable: true,
+              size: "small"
+            }
+          ) }),
+          watchCharacteristicsChoice === CHARACTERISTICS_CHOICES.Q_AT_NOMINAL_V.id && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(GridItem, { size: 4, children: minQAtNominalVField }),
+            /* @__PURE__ */ jsx(GridItem, { size: 4, children: maxQAtNominalVField })
+          ] }),
+          watchCharacteristicsChoice === CHARACTERISTICS_CHOICES.SUSCEPTANCE.id && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(GridItem, { size: 4, children: minSusceptanceField }),
+            /* @__PURE__ */ jsx(GridItem, { size: 4, children: maxSusceptanceField })
+          ] })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(GridSection, { title: "Setpoints" }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, padding: 1, children: [
-      /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
-        SelectInput,
-        {
-          name: `${id}.${FieldConstants.VOLTAGE_REGULATION_MODE}`,
-          label: "ModeAutomaton",
-          options: Object.values(VOLTAGE_REGULATION_MODES),
-          fullWidth: true,
-          disableClearable: true,
-          size: "small"
-        }
-      ) }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageSetPointField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: reactivePowerSetPointField }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulationTypeField })
-    ] }),
-    watchRegulationType === REGULATION_TYPES.DISTANT.id && /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, padding: 1, children: [
-      /* @__PURE__ */ jsx(Grid, { size: 4, sx: { alignItems: "center" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "RegulatingTerminalGenerator" }) }),
-      /* @__PURE__ */ jsx(GridItem, { size: 8, children: regulatingTerminalField })
-    ] })
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        sx: {
+          padding: 1
+        },
+        children: [
+          /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
+            SelectInput,
+            {
+              name: `${id}.${FieldConstants.VOLTAGE_REGULATION_MODE}`,
+              label: "ModeAutomaton",
+              options: Object.values(VOLTAGE_REGULATION_MODES),
+              fullWidth: true,
+              disableClearable: true,
+              size: "small"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageSetPointField }),
+          /* @__PURE__ */ jsx(GridItem, { size: 4, children: reactivePowerSetPointField }),
+          /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulationTypeField })
+        ]
+      }
+    ),
+    watchRegulationType === REGULATION_TYPES.DISTANT.id && /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        spacing: 2,
+        sx: {
+          padding: 1
+        },
+        children: [
+          /* @__PURE__ */ jsx(Grid, { size: 4, sx: { alignItems: "center" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "RegulatingTerminalGenerator" }) }),
+          /* @__PURE__ */ jsx(GridItem, { size: 8, children: regulatingTerminalField })
+        ]
+      }
+    )
   ] });
 }
 export {

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, {})
+        }
+      )
     ] })
   ] });
 }