@gridsuite/commons-ui 0.253.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-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/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}`
+              )
+            ) })
+          ]
+        }
+      )
     }
   );
 }

package/dist/features/parameters/loadflow/load-flow-parameters-dialog.js

@@ -7,6 +7,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import { LANG_ENGLISH } from "../../../utils/langs.js";
 import "@mui/icons-material";
 import { getLoadFlowDefaultLimitReductions, getLoadFlowProviders, fetchLoadFlowParameters, setLoadFlowParameters, getLoadFlowSpecificParametersDescription } from "../../../services/loadflow.js";
@@ -66,9 +67,8 @@ function LoadFlowParametersEditionDialog({
   );
   const loadflowMethods = useLoadFlowParametersForm(parametersBackend, isDeveloperMode, id, name, description);
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = loadflowMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsx(
     CustomMuiDialog,
     {
@@ -83,7 +83,7 @@ function LoadFlowParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       children: /* @__PURE__ */ jsxs(LoadFlowProvider, { children: [
         /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,

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

@@ -6,6 +6,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -53,9 +54,8 @@ function NetworkVisualizationsParametersEditionDialog({
     parameters: null
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = networkVisuMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -70,7 +70,7 @@ function NetworkVisualizationsParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "65vh"

package/dist/features/parameters/pcc-min/pcc-min-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -52,9 +53,8 @@ function PccMinParametersEditionDialog({
     parameters: null
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = pccMinMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -68,7 +68,7 @@ function PccMinParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "90vh"

package/dist/features/parameters/security-analysis/security-analysis-parameters-dialog.js

@@ -6,6 +6,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import { getSecurityAnalysisDefaultLimitReductions, fetchSecurityAnalysisProviders, fetchSecurityAnalysisParameters, updateSecurityAnalysisParameters } from "../../../services/security-analysis.js";
 import "localized-countries";
@@ -62,9 +63,8 @@ function SecurityAnalysisParametersDialog({
   );
   const securityAnalysisMethods = useSecurityAnalysisParametersForm(parametersBackend, id, name, description);
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = securityAnalysisMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -79,7 +79,7 @@ function SecurityAnalysisParametersDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "90vh"

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

@@ -6,6 +6,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import { fetchSensitivityAnalysisProviders, fetchSensitivityAnalysisParameters, updateSensitivityAnalysisParameters } from "../../../services/sensitivity-analysis.js";
 import "localized-countries";
@@ -74,9 +75,8 @@ function SensitivityAnalysisParametersDialog({
     isRootNode
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = sensitivityAnalysisMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -90,7 +90,7 @@ function SensitivityAnalysisParametersDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       children: [
         /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
           NameElementEditorForm,

package/dist/features/parameters/short-circuit/short-circuit-parameters-dialog.js

@@ -7,6 +7,7 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import { fetchShortCircuitParameters, updateShortCircuitParameters, getShortCircuitSpecificParametersDescription } from "../../../services/short-circuit-analysis.js";
 import "react";
@@ -66,9 +67,8 @@ function ShortCircuitParametersEditionDialog({
     description
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = shortCircuitMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -83,7 +83,7 @@ function ShortCircuitParametersEditionDialog({
         language
       },
       titleId,
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       maxWidth: "lg",
       children: [
         /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(

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

@@ -6,6 +6,7 @@ import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import { isDisabledValidationButton } from "../../../utils/form-utils.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -52,9 +53,8 @@ function VoltageInitParametersEditionDialog({
     parameters: null
   });
   const {
-    formState: { errors, dirtyFields }
+    formState: { errors }
   } = voltageInitMethods.formMethods;
-  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
   return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
@@ -69,7 +69,7 @@ function VoltageInitParametersEditionDialog({
         removeOptional: true,
         language
       },
-      disabledSave: disableSave,
+      disabledSave: isDisabledValidationButton(errors),
       PaperProps: {
         sx: {
           height: "90vh"

package/dist/index.js

@@ -298,6 +298,7 @@ import { FILTERS, FILTER_ID, FILTER_NAME, ID } from "./utils/constants/filterCon
 import { DUPLICATED_PROPS_ERROR, YUP_DEFAULT, YUP_NOT_NULL, YUP_NOT_TYPE_DEFAULT, YUP_NOT_TYPE_NUMBER, YUP_POSITIVE, YUP_REQUIRED } from "./utils/constants/translationKeys.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, toModificationOperation, unitToKiloUnit, unitToMicroUnit } from "./utils/conversionUtils.js";
 import { catchErrorHandler, extractErrorMessageDescriptor, snackWithFallback } from "./utils/error.js";
+import { isDisabledValidationButton } from "./utils/form-utils.js";
 import { areArrayElementsUnique, arraysContainIdenticalStrings, getRows, hasNonEmptyRows, isEmpty, isObjectEmpty, keyGenerator } from "./utils/functions.js";
 import { getEquipmentTypeShortLabel } from "./utils/labelUtils.js";
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, getCsvDelimiter } from "./utils/langs.js";
@@ -312,7 +313,7 @@ import { NetworkTimeoutError } from "./utils/types/NetworkTimeoutError.js";
 import { ElementType } from "./utils/types/elementType.js";
 import { ALL_EQUIPMENTS, BASE_EQUIPMENTS, CONNECTION_DIRECTIONS, ENERGY_SOURCES, EQUIPMENTS_WITH_ONE_NOMINAL_VOLTAGE, EQUIPMENTS_WITH_ONE_SUBSTATION, EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_SUBSTATIONS, EquipmentType, ExtendedEquipmentType, HvdcType, LOAD_TYPES, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, UNDEFINED_CONNECTION_DIRECTION, UNDEFINED_LOAD_TYPE, VL_TAG_MAX_SIZE, equipmentStyles, getConnectionDirectionLabel, getEnergySourceLabel, getEquipmentsInfosForSearchBar, getLoadTypeLabel } from "./utils/types/equipmentType.js";
 import { Battery, BoundaryLine, BusBar, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, isInjection } from "./utils/types/equipmentTypes.js";
-import { AnnouncementSeverity, ArrayAction } from "./utils/types/types.js";
+import { AnnouncementSeverity, ArrayAction, ElementStatus } from "./utils/types/types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./utils/types/modificationType.js";
 import { FieldType } from "./utils/types/fieldType.js";
 import { ParameterType } from "./utils/types/parameters.type.js";
@@ -697,6 +698,7 @@ export {
   ElementSaveDialog,
   ElementSearchDialog,
   ElementSearchInput,
+  ElementStatus,
   ElementType,
   ElementValueEditor,
   EnumInput,
@@ -1465,6 +1467,7 @@ export {
   intlPredefinedParametersOptions,
   isBlankOrEmpty,
   isCompositeModification,
+  isDisabledValidationButton,
   isEmpty,
   isExploreMetadata,
   isFieldRequired,

package/dist/utils/form-utils.d.ts

@@ -0,0 +1,2 @@
+import { FieldErrors } from 'react-hook-form';
+export declare function isDisabledValidationButton(formErrors: FieldErrors, fieldName?: string): boolean;

package/dist/utils/form-utils.js

@@ -0,0 +1,7 @@
+import { FieldConstants } from "./constants/fieldConstants.js";
+function isDisabledValidationButton(formErrors, fieldName) {
+  return Boolean(formErrors[fieldName ?? FieldConstants.NAME] || formErrors.root?.isValidating);
+}
+export {
+  isDisabledValidationButton
+};

package/dist/utils/index.d.ts

@@ -8,6 +8,7 @@ export * from './algos';
 export * from './constants';
 export * from './conversionUtils';
 export * from './error';
+export * from './form-utils';
 export * from './functions';
 export * from './labelUtils';
 export * from './langs';

package/dist/utils/index.js

@@ -9,6 +9,7 @@ import { FILTERS, FILTER_ID, FILTER_NAME, ID } from "./constants/filterConstant.
 import { DUPLICATED_PROPS_ERROR, YUP_DEFAULT, YUP_NOT_NULL, YUP_NOT_TYPE_DEFAULT, YUP_NOT_TYPE_NUMBER, YUP_POSITIVE, YUP_REQUIRED } from "./constants/translationKeys.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, toModificationOperation, unitToKiloUnit, unitToMicroUnit } from "./conversionUtils.js";
 import { catchErrorHandler, extractErrorMessageDescriptor, snackWithFallback } from "./error.js";
+import { isDisabledValidationButton } from "./form-utils.js";
 import { areArrayElementsUnique, arraysContainIdenticalStrings, getRows, hasNonEmptyRows, isEmpty, isObjectEmpty, keyGenerator } from "./functions.js";
 import { getEquipmentTypeShortLabel } from "./labelUtils.js";
 import { LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, getCsvDelimiter } from "./langs.js";
@@ -23,7 +24,7 @@ import { NetworkTimeoutError } from "./types/NetworkTimeoutError.js";
 import { ElementType } from "./types/elementType.js";
 import { ALL_EQUIPMENTS, BASE_EQUIPMENTS, CONNECTION_DIRECTIONS, ENERGY_SOURCES, EQUIPMENTS_WITH_ONE_NOMINAL_VOLTAGE, EQUIPMENTS_WITH_ONE_SUBSTATION, EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_SUBSTATIONS, EquipmentType, ExtendedEquipmentType, HvdcType, LOAD_TYPES, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, UNDEFINED_CONNECTION_DIRECTION, UNDEFINED_LOAD_TYPE, VL_TAG_MAX_SIZE, equipmentStyles, getConnectionDirectionLabel, getEnergySourceLabel, getEquipmentsInfosForSearchBar, getLoadTypeLabel } from "./types/equipmentType.js";
 import { Battery, BoundaryLine, BusBar, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, isInjection } from "./types/equipmentTypes.js";
-import { AnnouncementSeverity, ArrayAction } from "./types/types.js";
+import { AnnouncementSeverity, ArrayAction, ElementStatus } from "./types/types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./types/modificationType.js";
 import { FieldType } from "./types/fieldType.js";
 import { ParameterType } from "./types/parameters.type.js";
@@ -64,6 +65,7 @@ export {
   EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_SUBSTATIONS,
+  ElementStatus,
   ElementType,
   EquipmentType,
   ExtendedEquipmentType,
@@ -170,6 +172,7 @@ export {
   getRows,
   hasNonEmptyRows,
   isBlankOrEmpty,
+  isDisabledValidationButton,
   isEmpty,
   isInjection,
   isNonEmptyStringOrArray,

package/dist/utils/types/index.js

@@ -4,7 +4,7 @@ import { NetworkTimeoutError } from "./NetworkTimeoutError.js";
 import { ElementType } from "./elementType.js";
 import { ALL_EQUIPMENTS, BASE_EQUIPMENTS, CONNECTION_DIRECTIONS, ENERGY_SOURCES, EQUIPMENTS_WITH_ONE_NOMINAL_VOLTAGE, EQUIPMENTS_WITH_ONE_SUBSTATION, EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES, EQUIPMENTS_WITH_TWO_SUBSTATIONS, EquipmentType, ExtendedEquipmentType, HvdcType, LOAD_TYPES, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, UNDEFINED_CONNECTION_DIRECTION, UNDEFINED_LOAD_TYPE, VL_TAG_MAX_SIZE, equipmentStyles, getConnectionDirectionLabel, getEnergySourceLabel, getEquipmentsInfosForSearchBar, getLoadTypeLabel } from "./equipmentType.js";
 import { Battery, BoundaryLine, BusBar, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel, isInjection } from "./equipmentTypes.js";
-import { AnnouncementSeverity, ArrayAction } from "./types.js";
+import { AnnouncementSeverity, ArrayAction, ElementStatus } from "./types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./modificationType.js";
 import { FieldType } from "./fieldType.js";
 import { ParameterType } from "./parameters.type.js";
@@ -34,6 +34,7 @@ export {
   EQUIPMENTS_WITH_THREE_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_NOMINAL_VOLTAGES,
   EQUIPMENTS_WITH_TWO_SUBSTATIONS,
+  ElementStatus,
   ElementType,
   EquipmentType,
   ExtendedEquipmentType,

package/dist/utils/types/types.d.ts

@@ -2,6 +2,10 @@ import { UUID } from 'node:crypto';
 import { MessageDescriptor, PrimitiveType } from 'react-intl';
 import { ElementType } from './elementType';
 export type Input = string | number;
+export declare enum ElementStatus {
+    CREATED = "CREATED",
+    DELETING = "DELETING"
+}
 export type ElementAttributes = {
     elementUuid: UUID;
     elementName: string;
@@ -17,6 +21,7 @@ export type ElementAttributes = {
     lastModificationDate: string;
     lastModifiedBy: string;
     lastModifiedByLabel?: string;
+    status?: ElementStatus;
     children: ElementAttributes[];
     parentUuid: null | UUID;
     specificMetadata: {

package/dist/utils/types/types.js

@@ -1,3 +1,8 @@
+var ElementStatus = /* @__PURE__ */ ((ElementStatus2) => {
+  ElementStatus2["CREATED"] = "CREATED";
+  ElementStatus2["DELETING"] = "DELETING";
+  return ElementStatus2;
+})(ElementStatus || {});
 var AnnouncementSeverity = /* @__PURE__ */ ((AnnouncementSeverity2) => {
   AnnouncementSeverity2["INFO"] = "INFO";
   AnnouncementSeverity2["WARN"] = "WARN";
@@ -10,5 +15,6 @@ var ArrayAction = /* @__PURE__ */ ((ArrayAction2) => {
 })(ArrayAction || {});
 export {
   AnnouncementSeverity,
-  ArrayAction
+  ArrayAction,
+  ElementStatus
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.253.0",
+    "version": "0.254.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",