@gridsuite/commons-ui 0.252.0 → 0.254.0

package/dist/components/composite/filter/FilterCreationDialog.js

@@ -15,6 +15,7 @@ import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
 import { EXPERT_FILTER_QUERY } from "./expert/expertFilterConstants.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./explicitNaming/ExplicitNamingFilterConstants.js";
 import { snackWithFallback } from "../../../utils/error.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 const emptyFormData = {
   [FieldConstants.NAME]: "",
   [FieldConstants.DESCRIPTION]: "",
@@ -47,8 +48,6 @@ function FilterCreationDialog({
   const {
     formState: { errors }
   } = formMethods;
-  const nameError = errors[FieldConstants.NAME];
-  const isValidating = errors.root?.isValidating;
   const onSubmit = useCallback(
     (filterForm) => {
       if (filterType?.id === FilterType.EXPLICIT_NAMING.id) {
@@ -106,7 +105,7 @@ function FilterCreationDialog({
         isDeveloperMode
       },
       titleId,
-      disabledSave: !!nameError || !!isValidating,
+      disabledSave: isDisabledValidationButton(errors),
       unscrollableFullHeight: true,
       children: /* @__PURE__ */ jsx(
         FilterForm,

package/dist/components/composite/filter/expert/ExpertFilterEditionDialog.js

@@ -16,6 +16,7 @@ import { importExpertRules } from "./expertFilterUtils.js";
 import { HeaderFilterSchema } from "../HeaderFilterForm.js";
 import { EXPERT_FILTER_QUERY } from "./expertFilterConstants.js";
 import { snackWithFallback } from "../../../../utils/error.js";
+import { isDisabledValidationButton } from "../../../../utils/form-utils.js";
 const formSchema = yup.object().shape({
   ...HeaderFilterSchema,
   ...expertFilterSchema
@@ -44,8 +45,6 @@ function ExpertFilterEditionDialog({
     reset,
     formState: { errors }
   } = formMethods;
-  const nameError = errors[FieldConstants.NAME];
-  const isValidating = errors.root?.isValidating;
   useEffect(() => {
     if (id && open) {
       setDataFetchStatus(FetchStatus.FETCHING);
@@ -100,7 +99,7 @@ function ExpertFilterEditionDialog({
         isDeveloperMode
       },
       titleId,
-      disabledSave: !!nameError || !!isValidating,
+      disabledSave: isDisabledValidationButton(errors),
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       unscrollableFullHeight: true,
       children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, filterType: FilterType.EXPERT, isEditing: true })

package/dist/components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js

@@ -17,6 +17,7 @@ import { NO_ITEM_SELECTION_FOR_COPY } from "../../../../utils/directory-utils.js
 import { HeaderFilterSchema } from "../HeaderFilterForm.js";
 import { FILTER_EQUIPMENTS_ATTRIBUTES } from "./ExplicitNamingFilterConstants.js";
 import { snackWithFallback } from "../../../../utils/error.js";
+import { isDisabledValidationButton } from "../../../../utils/form-utils.js";
 const formSchema = yup.object().shape({
   ...HeaderFilterSchema,
   ...explicitNamingFilterSchema
@@ -45,8 +46,6 @@ function ExplicitNamingFilterEditionDialog({
     reset,
     formState: { errors }
   } = formMethods;
-  const nameError = errors[FieldConstants.NAME];
-  const isValidating = errors.root?.isValidating;
   useEffect(() => {
     if (id && open) {
       setDataFetchStatus(FetchStatus.FETCHING);
@@ -103,7 +102,7 @@ function ExplicitNamingFilterEditionDialog({
         isDeveloperMode
       },
       titleId,
-      disabledSave: !!nameError || !!isValidating,
+      disabledSave: isDisabledValidationButton(errors),
       isDataFetching: dataFetchStatus === FetchStatus.FETCHING,
       unscrollableFullHeight: true,
       children: isDataReady && /* @__PURE__ */ jsx(FilterForm, { activeDirectory, filterType: FilterType.EXPLICIT_NAMING, isEditing: true })

package/dist/features/network-modification-table/use-modifications-drag-and-drop.js

@@ -13,7 +13,7 @@ import { snackWithFallback } from "../../utils/error.js";
 import "../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { injectForbiddenChips, CHIP_ATTR } from "./drag-forbidden-chip.js";
-import { changeCompositeSubModificationOrder, changeNetworkModificationOrder } from "../../services/networkModification.js";
+import { moveModification, ModificationContainerType } from "../../services/networkModification.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -97,40 +97,6 @@ const useModificationsDragAndDrop = ({
     },
     [containerRef, isDropForbidden, rows]
   );
-  const handleDragEndComposite = useCallback(
-    (sourceRow, targetRow, droppingIntoExpandedComposite, isDraggingDown) => {
-      const movingUuid = sourceRow.original.uuid;
-      const sourceCompositeUuid = sourceRow.depth > 0 ? sourceRow.getParentRow()?.original.uuid ?? null : null;
-      const targetCompositeUuid = getTargetCompositeUuid(droppingIntoExpandedComposite, targetRow);
-      const targetSiblings = getTargetSiblings(targetCompositeUuid, rows);
-      let beforeUuid;
-      if (droppingIntoExpandedComposite) {
-        beforeUuid = targetSiblings[0]?.original.uuid ?? null;
-      } else {
-        const landingIndexInSiblings = targetSiblings.findIndex(
-          (r) => r.original.uuid === targetRow.original.uuid
-        );
-        const beforeSiblingIndex = isDraggingDown ? landingIndexInSiblings + 1 : landingIndexInSiblings;
-        beforeUuid = targetSiblings[beforeSiblingIndex]?.original.uuid ?? null;
-      }
-      const previousComposed = composedModifications;
-      setComposedModifications(
-        (prev) => moveSubModificationInTree(movingUuid, sourceCompositeUuid, targetCompositeUuid, beforeUuid, prev)
-      );
-      changeCompositeSubModificationOrder(
-        studyUuid,
-        currentNodeUuid,
-        movingUuid,
-        sourceCompositeUuid,
-        targetCompositeUuid,
-        beforeUuid
-      ).catch((error) => {
-        snackWithFallback(snackError, error, { headerId: "errReorderModificationMsg" });
-        setComposedModifications(previousComposed);
-      });
-    },
-    [rows, studyUuid, currentNodeUuid, snackError, composedModifications, setComposedModifications]
-  );
   const handleDragEnd = useCallback(
     (result) => {
       clearRowDragIndicators(containerRef.current);
@@ -144,37 +110,65 @@ const useModificationsDragAndDrop = ({
       if (isDropForbidden(sourceRow, targetRow)) {
         return;
       }
-      const isSubRowInvolved = sourceRow.depth > 0 || targetRow.depth > 0;
+      const movingUuid = sourceRow.original.uuid;
+      const sourceCompositeUuid = sourceRow.depth > 0 ? sourceRow.getParentRow()?.original.uuid ?? null : null;
       const isDraggingDown = destination.index > source.index;
       const droppingIntoExpandedComposite = isDraggingDown && targetRow.getIsExpanded();
-      if (isSubRowInvolved || droppingIntoExpandedComposite) {
-        handleDragEndComposite(sourceRow, targetRow, droppingIntoExpandedComposite, isDraggingDown);
+      const isSubRowInvolved = sourceRow.depth > 0 || targetRow.depth > 0;
+      const targetCompositeUuid = getTargetCompositeUuid(droppingIntoExpandedComposite, targetRow);
+      const sourceContainerId = sourceRow.depth > 0 ? sourceRow.getParentRow()?.original.uuid ?? null : null;
+      const targetContainerId = targetCompositeUuid;
+      const previousModifications = [...composedModifications];
+      let beforeUuid;
+      if (droppingIntoExpandedComposite || isSubRowInvolved) {
+        const targetSiblings = getTargetSiblings(targetCompositeUuid, rows);
+        if (droppingIntoExpandedComposite) {
+          beforeUuid = targetSiblings[0]?.original.uuid ?? null;
+        } else {
+          const landingIndexInSiblings = targetSiblings.findIndex(
+            (r) => r.original.uuid === targetRow.original.uuid
+          );
+          const beforeSiblingIndex = isDraggingDown ? landingIndexInSiblings + 1 : landingIndexInSiblings;
+          beforeUuid = targetSiblings[beforeSiblingIndex]?.original.uuid ?? null;
+        }
+        setComposedModifications(
+          (prev) => moveSubModificationInTree(movingUuid, sourceCompositeUuid, targetCompositeUuid, beforeUuid, prev)
+        );
       } else {
-        const sourceDepth0Uuid = sourceRow.original.uuid;
-        const targetDepth0Uuid = targetRow.original.uuid;
-        const oldPosition = composedModifications.findIndex((m) => m.uuid === sourceDepth0Uuid);
-        const newPosition = composedModifications.findIndex((m) => m.uuid === targetDepth0Uuid);
+        const oldPosition = composedModifications.findIndex((m) => m.uuid === sourceRow.original.uuid);
+        const newPosition = composedModifications.findIndex((m) => m.uuid === targetRow.original.uuid);
         if (oldPosition === -1 || newPosition === -1 || oldPosition === newPosition || !currentNodeUuid) {
           return;
         }
-        const previousModifications = [...composedModifications];
         const updatedModifications = [...composedModifications];
         const [movedItem] = updatedModifications.splice(oldPosition, 1);
         updatedModifications.splice(newPosition, 0, movedItem);
+        beforeUuid = updatedModifications[newPosition + 1]?.uuid ?? null;
         setComposedModifications(updatedModifications);
-        const before = updatedModifications[newPosition + 1]?.uuid ?? null;
-        changeNetworkModificationOrder(studyUuid, currentNodeUuid, movedItem.uuid, before).catch((error) => {
-          snackWithFallback(snackError, error, { headerId: "errReorderModificationMsg" });
-          setComposedModifications(previousModifications);
-        });
       }
+      moveModification(
+        studyUuid,
+        currentNodeUuid,
+        movingUuid,
+        {
+          id: sourceContainerId,
+          type: sourceContainerId ? ModificationContainerType.COMPOSITE : ModificationContainerType.GROUP
+        },
+        {
+          id: targetContainerId,
+          type: targetContainerId ? ModificationContainerType.COMPOSITE : ModificationContainerType.GROUP
+        },
+        beforeUuid
+      ).catch((error) => {
+        snackWithFallback(snackError, error, { headerId: "errReorderModificationMsg" });
+        setComposedModifications(previousModifications);
+      });
     },
     [
       containerRef,
       onDragEnd,
       rows,
       isDropForbidden,
-      handleDragEndComposite,
       composedModifications,
       currentNodeUuid,
       setComposedModifications,

package/dist/features/network-modifications/battery/batteryDialog.type.d.ts

@@ -10,10 +10,16 @@ export interface BatteryFormInfos {
     minP: number;
     targetP: number;
     targetQ: number;
+    targetV: number;
+    voltageRegulatorOn: boolean;
     connectablePosition: ConnectablePositionFormInfos;
     minMaxReactiveLimits: MinMaxReactiveLimitsFormInfos;
     activePowerControl: ActivePowerControlInfos;
     batteryShortCircuit: ShortCircuitInfos;
+    regulatingTerminalId: string;
+    regulatingTerminalVlId: string;
+    regulatingTerminalConnectableId: string;
+    regulatingTerminalConnectableType: string;
     reactiveCapabilityCurvePoints: ReactiveCapabilityCurvePoints[];
     voltageLevelId: string;
     busOrBusbarSectionId: string;

package/dist/features/network-modifications/battery/creation/BatteryCreationForm.d.ts

@@ -1,4 +1,8 @@
 import { ConnectivityNetworkProps } from '../../common';
+import { EquipmentType, Identifiable } from '../../../../utils';
 export interface BatteryCreationFormProps extends ConnectivityNetworkProps {
+    fetchVoltageLevelEquipments: (voltageLevelId: string) => Promise<(Identifiable & {
+        type: EquipmentType;
+    })[]>;
 }
-export declare function BatteryCreationForm({ voltageLevelOptions, fetchBusesOrBusbarSections, PositionDiagramPane, }: Readonly<BatteryCreationFormProps>): import("react").JSX.Element;
+export declare function BatteryCreationForm({ voltageLevelOptions, fetchBusesOrBusbarSections, PositionDiagramPane, fetchVoltageLevelEquipments, }: Readonly<BatteryCreationFormProps>): import("react").JSX.Element;

package/dist/features/network-modifications/battery/creation/BatteryCreationForm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Grid2 } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { filledTextField } from "../../common/form.utils.js";
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import "react";
@@ -18,6 +18,7 @@ import "notistack";
 import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { SwitchInput } from "../../../../components/ui/reactHookForm/booleans/SwitchInput.js";
 import { FloatInput } from "../../../../components/ui/reactHookForm/numbers/FloatInput.js";
 import { TextInput } from "../../../../components/ui/reactHookForm/text/TextInput.js";
 import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
@@ -71,13 +72,15 @@ import { ActivePowerControlForm } from "../../common/activePowerControl/ActivePo
 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 BatteryCreationForm({
   voltageLevelOptions,
   fetchBusesOrBusbarSections,
-  PositionDiagramPane
+  PositionDiagramPane,
+  fetchVoltageLevelEquipments
 }) {
   const batteryIdField = /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_ID, label: "ID", formProps: { autoFocus: true, ...filledTextField } });
   const batteryNameField = /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_NAME, label: "Name", formProps: filledTextField });
@@ -105,6 +108,15 @@ function BatteryCreationForm({
       adornment: ActivePowerAdornment
     }
   );
+  const voltageRegulationField = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(SwitchInput, { name: FieldConstants.VOLTAGE_REGULATION, label: "VoltageRegulationText" }) });
+  const voltageRegulationForm = /* @__PURE__ */ jsx(
+    VoltageRegulationForm,
+    {
+      voltageLevelOptions,
+      fetchVoltageLevelEquipments,
+      isGenerator: false
+    }
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(GridItem, { size: 4, children: batteryIdField }),
@@ -120,7 +132,11 @@ function BatteryCreationForm({
     /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
     /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
     /* @__PURE__ */ jsx(SetPointsForm, {}),
-    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 2, paddingTop: 2, children: /* @__PURE__ */ jsx(ActivePowerControlForm, {}) }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, paddingTop: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: voltageRegulationField }),
+      voltageRegulationForm,
+      /* @__PURE__ */ jsx(ActivePowerControlForm, {})
+    ] }),
     /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
     /* @__PURE__ */ jsx(ShortCircuitForm, {}),
     /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "battery" })

package/dist/features/network-modifications/battery/creation/batteryCreation.types.d.ts

@@ -9,6 +9,11 @@ export interface BatteryCreationDto {
     reactiveCapabilityCurve?: boolean | null;
     targetP: number;
     targetQ: number;
+    targetV: number | null;
+    voltageRegulationOn: boolean | null;
+    regulatingTerminalId: string | null;
+    regulatingTerminalType: string | null;
+    regulatingTerminalVlId: string | null;
     voltageLevelId: string | null;
     busOrBusbarSectionId: string | null;
     reactiveCapabilityCurvePoints: ReactiveCapabilityCurvePoints[] | null;

package/dist/features/network-modifications/battery/creation/batteryCreation.utils.d.ts

@@ -6,6 +6,22 @@ export declare const batteryCreationFormSchema: import('yup').ObjectSchema<NonNu
     directTransX: number | null | undefined;
     frequencyRegulation: boolean | null | undefined;
     droop: number | null | undefined;
+    voltageRegulation: boolean | null | undefined;
+    voltageRegulationType: string | null | undefined;
+    voltageSetpoint: number | null | undefined;
+    qPercent: number | null | undefined;
+    voltageLevel: {
+        id?: string | undefined;
+        name?: string | undefined;
+        nominalVoltage?: string | undefined;
+        substationId?: string | undefined;
+        topologyKind?: string | null | undefined;
+    } | null;
+    equipment: {
+        id?: string | undefined;
+        name?: string | null | undefined;
+        type?: string | undefined;
+    } | null;
     reactivePowerSetpoint: number | null | undefined;
     activePowerSetpoint: number | undefined;
     equipmentID: string;
@@ -47,6 +63,22 @@ export declare const batteryCreationFormSchema: import('yup').ObjectSchema<NonNu
     directTransX: undefined;
     frequencyRegulation: undefined;
     droop: undefined;
+    voltageRegulation: undefined;
+    voltageRegulationType: undefined;
+    voltageSetpoint: undefined;
+    qPercent: undefined;
+    voltageLevel: {
+        id: undefined;
+        name: undefined;
+        substationId: undefined;
+        nominalVoltage: undefined;
+        topologyKind: undefined;
+    };
+    equipment: {
+        id: undefined;
+        name: undefined;
+        type: undefined;
+    };
     reactivePowerSetpoint: undefined;
     activePowerSetpoint: undefined;
     equipmentID: undefined;

package/dist/features/network-modifications/battery/creation/batteryCreation.utils.js

@@ -66,6 +66,8 @@ import { getActivePowerControlSchema, getActivePowerControlEmptyFormData } from
 import { getShortCircuitFormSchema, getShortCircuitEmptyFormData, getShortCircuitFormData } from "../../common/shortCircuit/shortCircuitForm.utils.js";
 import { getReactiveLimitsValidationSchema, getReactiveLimitsEmptyFormDataProps, getReactiveLimitsFormDataProps } from "../../common/reactiveLimits/reactiveLimits.utils.js";
 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";
@@ -89,6 +91,7 @@ const batteryCreationFormSchema = object().shape({
   [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionSchema(false),
   [FieldConstants.REACTIVE_LIMITS]: getReactiveLimitsValidationSchema(),
   ...getSetPointsSchema(),
+  ...getVoltageRegulationSchema(),
   ...getActivePowerControlSchema(),
   ...getShortCircuitFormSchema()
 }).concat(creationPropertiesSchema).required();
@@ -101,6 +104,7 @@ const batteryCreationEmptyFormData = {
   reactiveLimits: getReactiveLimitsEmptyFormDataProps(),
   AdditionalProperties: [],
   ...getSetPointsEmptyFormData(),
+  ...getVoltageRegulationEmptyFormData(),
   ...getActivePowerControlEmptyFormData(),
   ...getShortCircuitEmptyFormData()
 };
@@ -128,6 +132,16 @@ const batteryCreationDtoToForm = (dto) => {
       maximumReactivePower: dto?.maxQ,
       reactiveCapabilityCurvePoints: dto?.reactiveCapabilityCurve ? dto?.reactiveCapabilityCurvePoints : null
     }),
+    voltageLevel: getRegulatingTerminalVoltageLevelData({
+      voltageLevelId: dto.regulatingTerminalVlId
+    }),
+    equipment: getRegulatingTerminalEquipmentData({
+      equipmentId: dto.regulatingTerminalId,
+      equipmentType: dto.regulatingTerminalType ?? void 0
+    }),
+    voltageRegulationType: dto?.regulatingTerminalId ? REGULATION_TYPES.DISTANT.id : REGULATION_TYPES.LOCAL.id,
+    voltageRegulation: dto.voltageRegulationOn,
+    voltageSetpoint: dto.targetV,
     AdditionalProperties: getFilledPropertiesFromModification(dto.properties),
     ...getShortCircuitFormData({
       directTransX: dto.directTransX,
@@ -137,6 +151,7 @@ const batteryCreationDtoToForm = (dto) => {
 };
 const batteryCreationFormToDto = (form) => {
   const isReactiveCapabilityCurveOn = form.reactiveLimits.reactiveCapabilityCurveChoice === "CURVE";
+  const isDistantRegulation = form[FieldConstants.VOLTAGE_REGULATION_TYPE] === REGULATION_TYPES.DISTANT.id;
   return {
     type: ModificationType.BATTERY_CREATION,
     equipmentId: form.equipmentID,
@@ -156,10 +171,15 @@ const batteryCreationFormToDto = (form) => {
     reactiveCapabilityCurvePoints: isReactiveCapabilityCurveOn ? form.reactiveLimits.reactiveCapabilityCurveTable ?? null : null,
     targetP: form.activePowerSetpoint ?? 0,
     targetQ: form.reactivePowerSetpoint ?? 0,
+    targetV: form.voltageSetpoint ?? null,
+    voltageRegulationOn: form.voltageRegulation ?? null,
     participate: form.frequencyRegulation ?? null,
     droop: form.droop ?? null,
     directTransX: form.directTransX ?? null,
-    stepUpTransformerX: form.transformerReactance ?? null
+    stepUpTransformerX: form.transformerReactance ?? null,
+    regulatingTerminalId: isDistantRegulation ? form.equipment?.id ?? null : null,
+    regulatingTerminalType: isDistantRegulation ? form.equipment?.type ?? null : null,
+    regulatingTerminalVlId: isDistantRegulation ? form.voltageLevel?.id ?? null : null
   };
 };
 export {

package/dist/features/network-modifications/common/voltageRegulation/VoltageRegulationForm.d.ts

@@ -13,5 +13,6 @@ export interface VoltageRegulationFormProps {
     })[]>;
     previousValues?: VoltageRegulationFormPreviousValues;
     isEquipmentModification?: boolean;
+    isGenerator?: boolean;
 }
-export declare function VoltageRegulationForm({ voltageLevelOptions, fetchVoltageLevelEquipments, previousValues, isEquipmentModification, }: Readonly<VoltageRegulationFormProps>): import("react").JSX.Element;
+export declare function VoltageRegulationForm({ voltageLevelOptions, fetchVoltageLevelEquipments, previousValues, isEquipmentModification, isGenerator, }: Readonly<VoltageRegulationFormProps>): import("react").JSX.Element;

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

@@ -40,7 +40,8 @@ function VoltageRegulationForm({
   voltageLevelOptions,
   fetchVoltageLevelEquipments,
   previousValues,
-  isEquipmentModification
+  isEquipmentModification,
+  isGenerator = true
 }) {
   const intl = useIntl();
   const previousRegulationType = useMemo(() => {
@@ -95,7 +96,7 @@ function VoltageRegulationForm({
           equipmentSectionType: previousEquipmentSectionType
         }
       ) }),
-      /* @__PURE__ */ jsx(GridItem, { size: 4, offset: 4, children: /* @__PURE__ */ jsx(
+      isGenerator && /* @__PURE__ */ jsx(GridItem, { size: 4, offset: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FieldConstants.Q_PERCENT,

package/dist/features/parameters/common/limitreductions/limit-reduction-table-cell.js

@@ -38,7 +38,8 @@ function LimitReductionTableCell({
   column,
   limits
 }) {
-  return column.dataKey === VOLTAGE_LEVELS_FORM && limits[rowIndex] ? /* @__PURE__ */ jsx(
+  const isVoltageLevelColumn = column.dataKey === VOLTAGE_LEVELS_FORM;
+  return isVoltageLevelColumn && limits[rowIndex] ? /* @__PURE__ */ jsx(
     CustomTooltip,
     {
       title: /* @__PURE__ */ jsx(
@@ -53,7 +54,22 @@ function LimitReductionTableCell({
       ),
       children: /* @__PURE__ */ jsx(TableCell, { sx: { fontWeight: "bold" }, children: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}` }) })
     }
-  ) : /* @__PURE__ */ jsx(TableCell, { sx: { fontWeight: "bold" }, children: column.dataKey === VOLTAGE_LEVELS_FORM ? /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}` }) : /* @__PURE__ */ jsx(FloatInput, { name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}` }) });
+  ) : /* @__PURE__ */ jsx(TableCell, { sx: { fontWeight: "bold", p: 0.75 }, children: isVoltageLevelColumn ? /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}` }) : /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      formProps: {
+        sx: {
+          "& .MuiInputBase-root": {
+            padding: 0
+          },
+          "& .MuiInputBase-input": {
+            textAlign: "right"
+          }
+        }
+      },
+      name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}`
+    }
+  ) });
 }
 export {
   LimitReductionTableCell

package/dist/features/parameters/common/limitreductions/limit-reductions-table-form.js

@@ -56,7 +56,7 @@ function LimitReductionsTableForm({ limits }) {
     {
       formName: LIMIT_REDUCTIONS_FORM,
       columnsDefinition,
-      tableHeight: 450,
+      tableMinWidth: 600,
       limits
     }
   );

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

@@ -41,13 +41,6 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { LineSeparator } from "./line-separator.js";
-import "./parameter-layout/parameter-layout-provider.js";
-import "./widget/parameter-line-slider.js";
-import "./contingency-table/contingency-table.js";
-import "./contingency-table/columns-definitions.js";
-import "@hookform/resolvers/yup";
-import "../../../components/composite/filter/HeaderFilterForm.js";
 function ParameterField({
   id,
   name,
@@ -117,8 +110,7 @@ function ParameterField({
   const INPUT_GRID_SIZE = 12 - LABEL_GRID_SIZE;
   return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsx(Grid2, { 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(Grid2, { container: true, size: INPUT_GRID_SIZE, sx: parametersStyles.controlItem, children: renderField() }),
-    /* @__PURE__ */ jsx(LineSeparator, {})
+    /* @__PURE__ */ jsx(Grid2, { container: true, size: INPUT_GRID_SIZE, sx: parametersStyles.controlItem, children: renderField() })
   ] }, name);
 }
 export {

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table.d.ts

@@ -1,9 +1,10 @@
 import { LimitReductionIColumnsDef, ILimitReductionsByVoltageLevel } from '../limitreductions/columns-definitions';
 interface LimitReductionsTableProps {
     columnsDefinition: LimitReductionIColumnsDef[];
-    tableHeight: number;
+    tableHeight?: number;
+    tableMinWidth?: number;
     formName: string;
     limits?: ILimitReductionsByVoltageLevel[];
 }
-export declare function CustomVoltageLevelTable({ formName, columnsDefinition, tableHeight, limits, }: Readonly<LimitReductionsTableProps>): import("react").JSX.Element;
+export declare function CustomVoltageLevelTable({ formName, columnsDefinition, tableHeight, tableMinWidth, limits, }: Readonly<LimitReductionsTableProps>): import("react").JSX.Element;
 export {};

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table.js

@@ -5,10 +5,16 @@ import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.j
 import { LIMIT_REDUCTIONS_FORM } from "../limitreductions/columns-definitions.js";
 import { LimitReductionTableRow } from "../limitreductions/limit-reduction-table-row.js";
 import { CustomVoltageLevelTableRow } from "./custom-voltage-level-table-row.js";
+const stickyFirstColumnSx = {
+  position: "sticky",
+  left: 0,
+  backgroundColor: "background.paper"
+};
 function CustomVoltageLevelTable({
   formName,
   columnsDefinition,
   tableHeight,
+  tableMinWidth,
   limits
 }) {
   const { fields: rows } = useFieldArray({
@@ -18,41 +24,53 @@ function CustomVoltageLevelTable({
     TableContainer,
     {
       sx: {
-        height: tableHeight,
+        ...tableHeight ? { height: tableHeight } : {},
         width: "inherit",
+        overflowX: "auto",
         border: "solid 0px rgba(0,0,0,0.1)"
       },
-      children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: { tableLayout: "fixed" }, children: [
-        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(
-          TableCell,
-          {
-            sx: {
+      children: /* @__PURE__ */ jsxs(
+        Table,
+        {
+          stickyHeader: true,
+          size: "small",
+          sx: {
+            tableLayout: "fixed",
+            ...tableMinWidth ? { minWidth: tableMinWidth } : {},
+            "& th:first-of-type": {
+              ...stickyFirstColumnSx,
+              zIndex: 3,
               textAlign: "center"
             },
-            children: column.label
+            "& td:first-of-type": {
+              ...stickyFirstColumnSx,
+              zIndex: 1
+            }
           },
-          column.dataKey
-        ) })) }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: rows.map(
-          (row, index) => formName === LIMIT_REDUCTIONS_FORM && limits ? /* @__PURE__ */ jsx(
-            LimitReductionTableRow,
-            {
-              columnsDefinition,
-              index,
-              limits
-            },
-            `${row.id}`
-          ) : /* @__PURE__ */ jsx(
-            CustomVoltageLevelTableRow,
-            {
-              columnsDefinition,
-              index,
-              formName
-            },
-            `${row.id}`
-          )
-        ) })
-      ] })
+          children: [
+            /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { sx: { textAlign: "center" }, children: column.label }, column.dataKey) })) }) }),
+            /* @__PURE__ */ jsx(TableBody, { children: rows.map(
+              (row, index) => formName === LIMIT_REDUCTIONS_FORM && limits ? /* @__PURE__ */ jsx(
+                LimitReductionTableRow,
+                {
+                  columnsDefinition,
+                  index,
+                  limits
+                },
+                `${row.id}`
+              ) : /* @__PURE__ */ jsx(
+                CustomVoltageLevelTableRow,
+                {
+                  columnsDefinition,
+                  index,
+                  formName
+                },
+                `${row.id}`
+              )
+            ) })
+          ]
+        }
+      )
     }
   );
 }