@gridsuite/commons-ui 0.208.0 → 0.209.0

package/dist/components/index.js

@@ -215,10 +215,10 @@ import { getActivePowerControlEmptyFormData, getActivePowerControlSchema } from
 import { ActivePowerControlForm } from "./network-modifications/common/activePowerControl/ActivePowerControlForm.js";
 import { getShortCircuitEmptyFormData, getShortCircuitFormData, getShortCircuitFormSchema } from "./network-modifications/common/shortCircuit/shortCircuitForm.utils.js";
 import { ShortCircuitForm } from "./network-modifications/common/shortCircuit/ShortCircuitForm.js";
-import { INSERT, REMOVE, getReactiveCapabilityCurveValidationSchema, getRowEmptyFormData, setCurrentReactiveCapabilityCurveTable, setSelectedReactiveLimits, toReactiveCapabilityCurveChoiceForGeneratorCreation, toReactiveCapabilityCurveChoiceForGeneratorModification } from "./network-modifications/common/reactiveLimits/reactiveCapabilityCurve/reactiveCapability.utils.js";
+import { INSERT, REMOVE, getReactiveCapabilityCurveValidationSchema, getReactiveCapabilityCurveValidationSchemaArray, getRowEmptyFormData, setCurrentReactiveCapabilityCurveTable, setSelectedReactiveLimits, toReactiveCapabilityCurveChoiceForGeneratorCreation, toReactiveCapabilityCurveChoiceForGeneratorModification } from "./network-modifications/common/reactiveLimits/reactiveCapabilityCurve/reactiveCapability.utils.js";
 import { ReactiveCapabilityCurveRowForm } from "./network-modifications/common/reactiveLimits/reactiveCapabilityCurve/ReactiveCapabilityCurveRowForm.js";
 import { ReactiveCapabilityCurveTableForm } from "./network-modifications/common/reactiveLimits/reactiveCapabilityCurve/ReactiveCapabilityCurveTableForm.js";
-import { REACTIVE_LIMIT_TYPES, getReactiveLimitsEmptyFormData, getReactiveLimitsFormData, getReactiveLimitsSchema, getReactiveLimitsValidationSchema } from "./network-modifications/common/reactiveLimits/reactiveLimits.utils.js";
+import { REACTIVE_LIMIT_TYPES, getReactiveLimitsEmptyFormData, getReactiveLimitsEmptyFormDataProps, getReactiveLimitsFormData, getReactiveLimitsFormDataProps, getReactiveLimitsSchema, getReactiveLimitsValidationSchema } from "./network-modifications/common/reactiveLimits/reactiveLimits.utils.js";
 import { ReactiveLimitsForm } from "./network-modifications/common/reactiveLimits/ReactiveLimitsForm.js";
 import { getHvdcLccDeletionSchema } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/hvdcLccDeletion.utils.js";
 import { ShuntCompensatorSelectionForm } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js";
@@ -255,6 +255,8 @@ import { EQUIPMENT_TYPE_ORDER, byFilterDeletionDtoToForm, byFilterDeletionFormSc
 import { ModificationByAssignmentForm } from "./network-modifications/by-filter/assignment/modification-by-assignment-form.js";
 import { emptyModificationByAssignmentFormData, modificationByAssignmentDtoToForm, modificationByAssignmentFormSchema, modificationByAssignmentFormToDto } from "./network-modifications/by-filter/assignment/modificationByAssignment.utils.js";
 import { DataType as DataType2 } from "./network-modifications/by-filter/assignment/assignment/assignment.type.js";
+import { batteryCreationDtoToForm, batteryCreationEmptyFormData, batteryCreationFormSchema, batteryCreationFormToDto } from "./network-modifications/battery/creation/batteryCreation.utils.js";
+import { BatteryCreationForm } from "./network-modifications/battery/creation/BatteryCreationForm.js";
 import { BuildStatusChip } from "./node/build-status-chip.js";
 import { BuildStatus } from "./node/constant.js";
 import { COLUMNS_WITHOUT_BORDER, DEPTH_CELL_WIDTH, DROP_FORBIDDEN_INDICATOR_BOTTOM, DROP_FORBIDDEN_INDICATOR_TOP, DROP_INDICATOR_BOTTOM, DROP_INDICATOR_TOP, MODIFICATION_ROW_HEIGHT, createCellBorderColor, createCellContentWrapperSx, createCellStyle, createEditDescriptionStyle, createHeaderCellStyle, createModificationNameCellStyle, createNameCellLabelBoxSx, createNameCellRootStyle, createRootNetworkChipCellSx, createRowSx, networkModificationTableStyles } from "./network-modification-table/network-modification-table-styles.js";
@@ -290,6 +292,7 @@ export {
   AutocompleteWithFavorites,
   BALANCE_TYPE,
   BASE_MODIFICATION_TABLE_COLUMNS,
+  BatteryCreationForm,
   BooleanCellRenderer,
   BooleanInput,
   BooleanNullableCellRenderer,
@@ -676,6 +679,10 @@ export {
   VoltageLevelModificationForm,
   WRITE_SLACK_BUS,
   alertThresholdMarks,
+  batteryCreationDtoToForm,
+  batteryCreationEmptyFormData,
+  batteryCreationFormSchema,
+  batteryCreationFormToDto,
   buildNewBusbarSections,
   byFilterDeletionDtoToForm,
   byFilterDeletionFormSchema,
@@ -771,8 +778,11 @@ export {
   getPropertyValue,
   getRangeInputSchema,
   getReactiveCapabilityCurveValidationSchema,
+  getReactiveCapabilityCurveValidationSchemaArray,
   getReactiveLimitsEmptyFormData,
+  getReactiveLimitsEmptyFormDataProps,
   getReactiveLimitsFormData,
+  getReactiveLimitsFormDataProps,
   getReactiveLimitsSchema,
   getReactiveLimitsValidationSchema,
   getReactivePowerSetPointSchema,

package/dist/components/inputs/reactHookForm/booleans/RadioInput.js

@@ -6,7 +6,7 @@ import { FieldLabel } from "../utils/FieldLabel.js";
 function RadioInput({ name, label, id, options, formProps }) {
   const {
     field: { onChange, value }
-  } = useController({ name });
+  } = useController({ name, defaultValue: "" });
   return /* @__PURE__ */ jsxs(FormControl, { children: [
     label && /* @__PURE__ */ jsx(FormLabel, { id: id ?? label, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
     /* @__PURE__ */ jsx(RadioGroup, { row: true, "aria-labelledby": id ?? label, value, onChange, ...formProps, children: options.map((option) => /* @__PURE__ */ jsx(

package/dist/components/network-modification-table/renderers/name-cell.d.ts

@@ -2,6 +2,7 @@ import { Row } from '@tanstack/react-table';
 import { ComposedModificationMetadata } from '../../../utils';
 interface NameCellProps {
     row: Row<ComposedModificationMetadata>;
+    onEditNameCell?: (modification: ComposedModificationMetadata, newName: string) => void;
 }
-export declare function NameCell({ row }: Readonly<NameCellProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NameCell({ row, onEditNameCell }: Readonly<NameCellProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/network-modification-table/renderers/name-cell.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo, useState, useRef } from "react";
 import { useIntl } from "react-intl";
-import { useTheme, Box, IconButton } from "@mui/material";
+import { useTheme, Box, IconButton, InputBase } from "@mui/material";
 import { KeyboardArrowDown, KeyboardArrowRight } from "@mui/icons-material";
 import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
 import { networkModificationTableStyles, createNameCellLabelBoxSx, createModificationNameCellStyle, createNameCellRootStyle } from "../network-modification-table-styles.js";
@@ -16,11 +16,21 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
-function NameCell({ row }) {
+const MIN_CHAR_WIDTH = 30;
+function measureTextPx(text, font) {
+  const ctx = document.createElement("canvas").getContext("2d");
+  if (ctx) {
+    ctx.font = font;
+    return ctx.measureText(text).width;
+  }
+  return text.length * 8;
+}
+function NameCell({ row, onEditNameCell }) {
   const intl = useIntl();
   const theme = useTheme();
   const { computeLabel } = useModificationLabelComputer();
   const { depth } = row;
+  const isComposite = isCompositeModification(row.original);
   const getModificationLabel = useCallback(
     (modification, formatBold = true) => {
       return intl.formatMessage(
@@ -31,17 +41,87 @@ function NameCell({ row }) {
     [computeLabel, intl]
   );
   const label = useMemo(() => getModificationLabel(row.original), [getModificationLabel, row.original]);
+  const compositeName = useMemo(() => {
+    if (!isComposite) {
+      return "";
+    }
+    try {
+      return JSON.parse(row.original.messageValues)?.name ?? "";
+    } catch {
+      return "";
+    }
+  }, [isComposite, row.original.messageValues]);
+  const [isEditing, setIsEditing] = useState(false);
+  const [draftName, setDraftName] = useState("");
+  const [inputBaseWidthPx, setInputBaseWidthPx] = useState(null);
+  const labelRef = useRef(null);
+  const inputRef = useRef(null);
+  const isEditingRef = useRef(false);
+  const stopEditing = useCallback(() => {
+    isEditingRef.current = false;
+    setIsEditing(false);
+    setInputBaseWidthPx(null);
+  }, []);
+  const handleBlur = useCallback(() => {
+    if (!isEditingRef.current) {
+      return;
+    }
+    const trimmed = draftName.trim();
+    if (trimmed !== "" && trimmed !== compositeName) {
+      onEditNameCell?.(row.original, trimmed);
+    }
+    stopEditing();
+  }, [compositeName, draftName, onEditNameCell, row.original, stopEditing]);
+  const handleLabelClick = useCallback(
+    (e) => {
+      e.stopPropagation();
+      setDraftName(compositeName);
+      if (labelRef.current) {
+        const style = globalThis.getComputedStyle(labelRef.current);
+        const font = `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+        const px = compositeName.length >= MIN_CHAR_WIDTH ? measureTextPx(compositeName, font) + 20 : measureTextPx("a".repeat(MIN_CHAR_WIDTH), font) + 20;
+        setInputBaseWidthPx(px);
+      }
+      isEditingRef.current = true;
+      setIsEditing(true);
+      requestAnimationFrame(() => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      });
+    },
+    [compositeName]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter") {
+        const trimmed = draftName.trim();
+        if (trimmed !== "" && trimmed !== compositeName) {
+          onEditNameCell?.(row.original, trimmed);
+        }
+        stopEditing();
+        inputRef.current?.blur();
+      } else if (e.key === "Escape") {
+        stopEditing();
+        inputRef.current?.blur();
+      }
+    },
+    [compositeName, draftName, onEditNameCell, row.original, stopEditing]
+  );
   const renderDepthBox = () => {
     const depthLevelCount = depth;
-    return Array.from({ length: depthLevelCount }, (_, i) => /* @__PURE__ */ jsx(
-      DepthBox,
-      {
-        firstLevel: i === 0,
-        displayAsFolder: isCompositeModification(row.original) && i === depthLevelCount - 1
-      },
-      i
-    ));
+    return Array.from({ length: depthLevelCount }, (_, i) => /* @__PURE__ */ jsx(DepthBox, { firstLevel: i === 0, displayAsFolder: isComposite && i === depthLevelCount - 1 }, i));
   };
+  const compositeReadModeProps = isComposite ? {
+    ref: labelRef,
+    onClick: handleLabelClick,
+    sx: {
+      cursor: "text",
+      "&:hover": {
+        textDecoration: "underline dotted",
+        textDecorationColor: theme.palette.text.secondary
+      }
+    }
+  } : {};
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -52,7 +132,7 @@ function NameCell({ row }) {
       children: [
         renderDepthBox(),
         /* @__PURE__ */ jsxs(Box, { sx: networkModificationTableStyles.nameCellInnerRow, children: [
-          isCompositeModification(row.original) && /* @__PURE__ */ jsx(Box, { sx: networkModificationTableStyles.nameCellTogglerBox, children: /* @__PURE__ */ jsx(
+          isComposite && /* @__PURE__ */ jsx(Box, { sx: networkModificationTableStyles.nameCellTogglerBox, children: /* @__PURE__ */ jsx(
             IconButton,
             {
               size: "small",
@@ -65,16 +145,53 @@ function NameCell({ row }) {
               children: row.getIsExpanded() ? /* @__PURE__ */ jsx(KeyboardArrowDown, { fontSize: "small" }) : /* @__PURE__ */ jsx(KeyboardArrowRight, { fontSize: "small" })
             }
           ) }),
-          /* @__PURE__ */ jsx(Box, { sx: createNameCellLabelBoxSx(row.getIsExpanded(), depth), children: /* @__PURE__ */ jsx(CustomTooltip, { disableFocusListener: true, disableTouchListener: true, title: label, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Box, { sx: createNameCellLabelBoxSx(row.getIsExpanded(), depth), children: isComposite && isEditing ? /* @__PURE__ */ jsx(
             Box,
             {
-              sx: mergeSx(
-                networkModificationTableStyles.modificationLabel,
-                createModificationNameCellStyle(row.original.activated)
-              ),
-              children: label
+              sx: mergeSx(networkModificationTableStyles.modificationLabel, {
+                display: "inline-flex",
+                width: inputBaseWidthPx ? `${inputBaseWidthPx}px` : `${MIN_CHAR_WIDTH}ch`,
+                maxWidth: "100%",
+                flexShrink: 0
+              }),
+              children: /* @__PURE__ */ jsx(
+                InputBase,
+                {
+                  inputRef,
+                  value: draftName,
+                  onChange: (e) => setDraftName(e.target.value),
+                  onBlur: handleBlur,
+                  onKeyDown: handleKeyDown,
+                  onMouseDown: (e) => e.stopPropagation(),
+                  sx: {
+                    width: "100%",
+                    fontSize: "inherit",
+                    fontFamily: "inherit",
+                    color: "inherit",
+                    "& .MuiInputBase-input": {
+                      border: `1px solid ${theme.palette.primary.main}`,
+                      borderRadius: `${theme.shape.borderRadius}px`,
+                      backgroundColor: theme.palette.background.paper
+                    }
+                  }
+                }
+              )
             }
-          ) }) })
+          ) : (
+            /* Read mode */
+            /* @__PURE__ */ jsx(CustomTooltip, { disableFocusListener: true, disableTouchListener: true, title: label, children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                ...compositeReadModeProps,
+                sx: mergeSx(
+                  networkModificationTableStyles.modificationLabel,
+                  createModificationNameCellStyle(row.original.activated),
+                  compositeReadModeProps.sx
+                ),
+                children: label
+              }
+            ) })
+          ) })
         ] })
       ]
     }

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

@@ -0,0 +1,4 @@
+import { ConnectivityNetworkProps } from '../../common';
+export interface BatteryCreationFormProps extends ConnectivityNetworkProps {
+}
+export declare function BatteryCreationForm({ voltageLevelOptions, fetchBusesOrBusbarSections, PositionDiagramPane, }: Readonly<BatteryCreationFormProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,105 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { filledTextField } from "../../common/form.utils.js";
+import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
+import "react";
+import "react-hook-form";
+import { ActivePowerAdornment } from "../../../../utils/constants/adornments.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+import "react-intl";
+import "../../../overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
+import { TextInput } from "../../../inputs/reactHookForm/text/TextInput.js";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import "../../common/properties/propertyUtils.js";
+import GridSection from "../../../grid/grid-section.js";
+import { SetPointsForm } from "../../common/setpoints/SetPointsForm.js";
+import { ConnectivityForm } from "../../common/connectivity/ConnectivityForm.js";
+import { ActivePowerControlForm } from "../../common/activePowerControl/ActivePowerControlForm.js";
+import { ShortCircuitForm } from "../../common/shortCircuit/ShortCircuitForm.js";
+import GridItem from "../../../grid/grid-item.js";
+import { ReactiveLimitsForm } from "../../common/reactiveLimits/ReactiveLimitsForm.js";
+function BatteryCreationForm({
+  voltageLevelOptions,
+  fetchBusesOrBusbarSections,
+  PositionDiagramPane
+}) {
+  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 });
+  const connectivityForm = /* @__PURE__ */ jsx(
+    ConnectivityForm,
+    {
+      voltageLevelOptions,
+      PositionDiagramPane,
+      fetchBusesOrBusbarSections
+    }
+  );
+  const maximumActivePowerField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: FieldConstants.MAXIMUM_ACTIVE_POWER,
+      label: "MaximumActivePowerText",
+      adornment: ActivePowerAdornment
+    }
+  );
+  const minimumActivePowerField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: FieldConstants.MINIMUM_ACTIVE_POWER,
+      label: "MinimumActivePowerText",
+      adornment: ActivePowerAdornment
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: batteryIdField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: batteryNameField })
+    ] }),
+    /* @__PURE__ */ jsx(GridSection, { title: "Connectivity" }),
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: connectivityForm }) }),
+    /* @__PURE__ */ jsx(GridSection, { title: "ActiveLimits" }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: minimumActivePowerField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: maximumActivePowerField })
+    ] }),
+    /* @__PURE__ */ jsx(GridSection, { title: "ReactiveLimits" }),
+    /* @__PURE__ */ jsx(ReactiveLimitsForm, {}),
+    /* @__PURE__ */ jsx(SetPointsForm, {}),
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, paddingTop: 2, children: /* @__PURE__ */ jsx(ActivePowerControlForm, {}) }),
+    /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuit" }),
+    /* @__PURE__ */ jsx(ShortCircuitForm, {}),
+    /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "battery" })
+  ] });
+}
+export {
+  BatteryCreationForm
+};

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

@@ -0,0 +1,26 @@
+import { Property, ReactiveCapabilityCurvePoints } from '../../common';
+import { ModificationType } from '../../../../utils';
+export interface BatteryCreationDto {
+    type: ModificationType;
+    equipmentId: string;
+    equipmentName: string | null;
+    minP: number;
+    maxP: number;
+    reactiveCapabilityCurve?: boolean | null;
+    targetP: number;
+    targetQ: number;
+    voltageLevelId: string | null;
+    busOrBusbarSectionId: string | null;
+    reactiveCapabilityCurvePoints: ReactiveCapabilityCurvePoints[] | null;
+    directTransX: number | null;
+    stepUpTransformerX: number | null;
+    participate: boolean | null;
+    droop: number | null;
+    maxQ: number | null;
+    minQ: number | null;
+    connectionDirection: string | null;
+    connectionName?: string | null;
+    connectionPosition?: number | null;
+    terminalConnected?: boolean | null;
+    properties: Property[] | null;
+}

package/dist/components/network-modifications/battery/creation/batteryCreation.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,79 @@
+import { InferType } from 'yup';
+import { DeepNullable } from '../../../../utils';
+import { BatteryCreationDto } from './batteryCreation.types';
+export declare const batteryCreationFormSchema: import('yup').ObjectSchema<NonNullable<{
+    transformerReactance: number | null | undefined;
+    directTransX: number | null | undefined;
+    frequencyRegulation: boolean | null | undefined;
+    droop: number | null | undefined;
+    reactivePowerSetpoint: number | null | undefined;
+    activePowerSetpoint: number | undefined;
+    equipmentID: string;
+    equipmentName: string | null | undefined;
+    maximumActivePower: number;
+    minimumActivePower: number;
+    connectivity: {
+        terminalConnected?: boolean | null | undefined;
+        connectionDirection?: string | null | undefined;
+        connectionName?: string | undefined;
+        connectionPosition?: number | null | undefined;
+        busOrBusbarSection: {
+            id?: string | undefined;
+        } | null;
+        voltageLevel: {
+            id?: string | undefined;
+        } | null;
+    };
+    reactiveLimits: {
+        minimumReactivePower?: number | null | undefined;
+        maximumReactivePower?: number | null | undefined;
+        reactiveCapabilityCurveTable?: {
+            minQ: number | null;
+            maxQ: number | null;
+            p: number | null;
+        }[] | null | undefined;
+        reactiveCapabilityCurveChoice: string;
+    };
+} & {
+    AdditionalProperties: {
+        previousValue?: string | null | undefined;
+        added: NonNullable<boolean | undefined>;
+        deletionMark: NonNullable<boolean | undefined>;
+        name: string;
+        value: string;
+    }[] | undefined;
+}>, import('yup').AnyObject, {
+    transformerReactance: undefined;
+    directTransX: undefined;
+    frequencyRegulation: undefined;
+    droop: undefined;
+    reactivePowerSetpoint: undefined;
+    activePowerSetpoint: undefined;
+    equipmentID: undefined;
+    equipmentName: undefined;
+    maximumActivePower: undefined;
+    minimumActivePower: undefined;
+    connectivity: {
+        voltageLevel: {
+            id: undefined;
+        };
+        busOrBusbarSection: {
+            id: undefined;
+        };
+        connectionDirection: undefined;
+        connectionName: undefined;
+        connectionPosition: undefined;
+        terminalConnected: undefined;
+    };
+    reactiveLimits: {
+        reactiveCapabilityCurveChoice: undefined;
+        minimumReactivePower: undefined;
+        maximumReactivePower: undefined;
+        reactiveCapabilityCurveTable: "";
+    };
+    AdditionalProperties: "";
+}, "">;
+export type BatteryCreationFormData = InferType<typeof batteryCreationFormSchema>;
+export declare const batteryCreationEmptyFormData: DeepNullable<BatteryCreationFormData>;
+export declare const batteryCreationDtoToForm: (dto: BatteryCreationDto) => BatteryCreationFormData;
+export declare const batteryCreationFormToDto: (form: BatteryCreationFormData) => BatteryCreationDto;

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

@@ -0,0 +1,145 @@
+import { object, number, string } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { YUP_REQUIRED } from "../../../../utils/constants/translationKeys.js";
+import "../../../../utils/conversionUtils.js";
+import { UNDEFINED_CONNECTION_DIRECTION } from "../../../../utils/types/equipmentType.js";
+import { ModificationType } from "../../../../utils/types/modificationType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { sanitizeString } from "../../../../utils/ts-utils.js";
+import "../../../../utils/yupConfig.js";
+import { getConnectivityWithPositionSchema, getConnectivityWithPositionEmptyFormDataProps, getConnectivityFormDataProps } from "../../common/connectivity/connectivityForm.utils.js";
+import "@mui/material";
+import "react";
+import "react-intl";
+import "../../../overflowableText/OverflowableText.js";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { creationPropertiesSchema, getFilledPropertiesFromModification, toModificationProperties } from "../../common/properties/propertyUtils.js";
+import { getSetPointsSchema, getSetPointsEmptyFormData } from "../../common/setpoints/setPoints.utils.js";
+import { getActivePowerControlSchema, getActivePowerControlEmptyFormData } from "../../common/activePowerControl/activePowerControlForm.utils.js";
+import { getShortCircuitFormSchema, getShortCircuitEmptyFormData, getShortCircuitFormData } from "../../common/shortCircuit/shortCircuitForm.utils.js";
+import { getReactiveLimitsValidationSchema, getReactiveLimitsEmptyFormDataProps, getReactiveLimitsFormDataProps } from "../../common/reactiveLimits/reactiveLimits.utils.js";
+const batteryCreationFormSchema = object().shape({
+  [FieldConstants.EQUIPMENT_ID]: string().required(YUP_REQUIRED),
+  [FieldConstants.EQUIPMENT_NAME]: string().nullable(),
+  [FieldConstants.MAXIMUM_ACTIVE_POWER]: number().nullable().required(YUP_REQUIRED).test("max-greater-than-min", "ActiveLimitsMinMaxInvalid", function checkMaxGreaterThanMin(value) {
+    const min = this.parent[FieldConstants.MINIMUM_ACTIVE_POWER];
+    if (value != null && min != null) {
+      return value >= min;
+    }
+    return true;
+  }),
+  [FieldConstants.MINIMUM_ACTIVE_POWER]: number().nullable().required(YUP_REQUIRED).test("min-less-than-max", "ActiveLimitsMinMaxInvalid", function checkMinLessThanMax(value) {
+    const max = this.parent[FieldConstants.MAXIMUM_ACTIVE_POWER];
+    if (value != null && max != null) {
+      return value <= max;
+    }
+    return true;
+  }),
+  [FieldConstants.CONNECTIVITY]: getConnectivityWithPositionSchema(false),
+  [FieldConstants.REACTIVE_LIMITS]: getReactiveLimitsValidationSchema(),
+  ...getSetPointsSchema(),
+  ...getActivePowerControlSchema(),
+  ...getShortCircuitFormSchema()
+}).concat(creationPropertiesSchema).required(YUP_REQUIRED);
+const batteryCreationEmptyFormData = {
+  equipmentID: "",
+  equipmentName: "",
+  maximumActivePower: null,
+  minimumActivePower: null,
+  connectivity: getConnectivityWithPositionEmptyFormDataProps(),
+  reactiveLimits: getReactiveLimitsEmptyFormDataProps(),
+  AdditionalProperties: [],
+  ...getSetPointsEmptyFormData(),
+  ...getActivePowerControlEmptyFormData(),
+  ...getShortCircuitEmptyFormData()
+};
+const batteryCreationDtoToForm = (dto) => {
+  return {
+    equipmentID: dto.equipmentId,
+    equipmentName: dto.equipmentName ?? "",
+    maximumActivePower: dto.maxP,
+    minimumActivePower: dto.minP,
+    activePowerSetpoint: dto.targetP,
+    reactivePowerSetpoint: dto.targetQ,
+    frequencyRegulation: dto.participate,
+    droop: dto.droop,
+    connectivity: getConnectivityFormDataProps({
+      voltageLevelId: dto.voltageLevelId,
+      busbarSectionId: dto.busOrBusbarSectionId,
+      connectionDirection: dto.connectionDirection,
+      connectionName: dto.connectionName,
+      connectionPosition: dto.connectionPosition,
+      terminalConnected: dto.terminalConnected
+    }),
+    reactiveLimits: getReactiveLimitsFormDataProps({
+      reactiveCapabilityCurveChoice: dto?.reactiveCapabilityCurve ? "CURVE" : "MINMAX",
+      minimumReactivePower: dto?.minQ,
+      maximumReactivePower: dto?.maxQ,
+      reactiveCapabilityCurvePoints: dto?.reactiveCapabilityCurve ? dto?.reactiveCapabilityCurvePoints : null
+    }),
+    AdditionalProperties: getFilledPropertiesFromModification(dto.properties),
+    ...getShortCircuitFormData({
+      directTransX: dto.directTransX,
+      stepUpTransformerX: dto.stepUpTransformerX
+    })
+  };
+};
+const batteryCreationFormToDto = (form) => {
+  const isReactiveCapabilityCurveOn = form.reactiveLimits.reactiveCapabilityCurveChoice === "CURVE";
+  return {
+    type: ModificationType.BATTERY_CREATION,
+    equipmentId: form.equipmentID,
+    equipmentName: sanitizeString(form.equipmentName),
+    voltageLevelId: form.connectivity.voltageLevel?.id ?? "",
+    busOrBusbarSectionId: form.connectivity.busOrBusbarSection?.id ?? "",
+    connectionDirection: form.connectivity.connectionDirection ?? UNDEFINED_CONNECTION_DIRECTION,
+    connectionName: sanitizeString(form.connectivity.connectionName),
+    connectionPosition: form.connectivity.connectionPosition,
+    terminalConnected: form.connectivity.terminalConnected,
+    properties: toModificationProperties(form),
+    minP: form.minimumActivePower,
+    maxP: form.maximumActivePower,
+    reactiveCapabilityCurve: isReactiveCapabilityCurveOn,
+    minQ: isReactiveCapabilityCurveOn ? null : form.reactiveLimits.minimumReactivePower ?? null,
+    maxQ: isReactiveCapabilityCurveOn ? null : form.reactiveLimits.maximumReactivePower ?? null,
+    reactiveCapabilityCurvePoints: isReactiveCapabilityCurveOn ? form.reactiveLimits.reactiveCapabilityCurveTable ?? null : null,
+    targetP: form.activePowerSetpoint ?? 0,
+    targetQ: form.reactivePowerSetpoint ?? 0,
+    participate: form.frequencyRegulation ?? null,
+    droop: form.droop ?? null,
+    directTransX: form.directTransX ?? null,
+    stepUpTransformerX: form.transformerReactance ?? null
+  };
+};
+export {
+  batteryCreationDtoToForm,
+  batteryCreationEmptyFormData,
+  batteryCreationFormSchema,
+  batteryCreationFormToDto
+};

package/dist/components/network-modifications/battery/creation/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './batteryCreation.types';
+export * from './batteryCreation.utils';
+export * from './BatteryCreationForm';

package/dist/components/network-modifications/battery/creation/index.js

@@ -0,0 +1,9 @@
+import { batteryCreationDtoToForm, batteryCreationEmptyFormData, batteryCreationFormSchema, batteryCreationFormToDto } from "./batteryCreation.utils.js";
+import { BatteryCreationForm } from "./BatteryCreationForm.js";
+export {
+  BatteryCreationForm,
+  batteryCreationDtoToForm,
+  batteryCreationEmptyFormData,
+  batteryCreationFormSchema,
+  batteryCreationFormToDto
+};