@gridsuite/commons-ui 0.208.0 → 0.210.0

package/dist/components/filter/utils/filterFormUtils.js

@@ -51,7 +51,8 @@ const CONTINGENCY_LIST_EQUIPMENTS = {
 };
 const FILTER_EQUIPMENTS = {
   ...BASE_EQUIPMENTS,
-  [EquipmentType.HVDC_LINE]: ALL_EQUIPMENTS[EquipmentType.HVDC_LINE]
+  [EquipmentType.HVDC_LINE]: ALL_EQUIPMENTS[EquipmentType.HVDC_LINE],
+  [EquipmentType.VSC_CONVERTER_STATION]: ALL_EQUIPMENTS[EquipmentType.VSC_CONVERTER_STATION]
 };
 export {
   CONTINGENCY_LIST_EQUIPMENTS,

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";
@@ -232,12 +232,13 @@ import { substationCreationDtoToForm, substationCreationEmptyFormData, substatio
 import { SubstationModificationForm } from "./network-modifications/substation/modification/SubstationModificationForm.js";
 import { substationModificationDtoToForm, substationModificationEmptyFormData, substationModificationFormSchema, substationModificationFormToDto } from "./network-modifications/substation/modification/substationModification.utils.js";
 import { SwitchesBetweenSections } from "./network-modifications/voltageLevel/creation/tabs/structureTab/switchesBetweenSections/SwitchesBetweenSections.js";
+import "react";
 import "react-hook-form";
 import "../utils/conversionUtils.js";
 import "../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import "../utils/yupConfig.js";
-import "react";
+import { MAX_SECTIONS_COUNT } from "./network-modifications/voltageLevel/creation/voltageLevel.constants.js";
 import { VoltageLevelCreationForm } from "./network-modifications/voltageLevel/creation/VoltageLevelCreationForm.js";
 import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, getCreateSwitchesValidationSchema, translateSwitchKinds, voltageLevelCreationDtoToForm, voltageLevelCreationEmptyFormData, voltageLevelCreationFormSchema, voltageLevelCreationFormToDto } from "./network-modifications/voltageLevel/creation/voltageLevelCreation.utils.js";
 import { SwitchKind } from "./network-modifications/voltageLevel/creation/voltageLevelCreation.types.js";
@@ -255,6 +256,13 @@ 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 { CHARACTERISTICS_CHOICES, SHUNT_COMPENSATOR_TYPES, computeSwitchedOnValue } from "./network-modifications/shunt-compensator/common/shuntCompensator.utils.js";
+import { CharacteristicsForm } from "./network-modifications/shunt-compensator/common/CharacteristicsForm.js";
+import { getCharacteristicsCreateFormDataFromSearchCopy, getCharacteristicsEmptyFormData, getCharacteristicsFormData, getCharacteristicsFormValidationSchema } from "./network-modifications/shunt-compensator/common/characteristicsForm.utils.js";
+import { ShuntCompensatorCreationForm } from "./network-modifications/shunt-compensator/creation/ShuntCompensatorCreationForm.js";
+import { shuntCompensatorCreationDtoToForm, shuntCompensatorCreationEmptyFormData, shuntCompensatorCreationFormSchema, shuntCompensatorCreationFormToDto } from "./network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.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 +298,7 @@ export {
   AutocompleteWithFavorites,
   BALANCE_TYPE,
   BASE_MODIFICATION_TABLE_COLUMNS,
+  BatteryCreationForm,
   BooleanCellRenderer,
   BooleanInput,
   BooleanNullableCellRenderer,
@@ -302,6 +311,7 @@ export {
   ByFilterDeletionForm,
   CALCULATION_TYPE,
   CENTER_LABEL,
+  CHARACTERISTICS_CHOICES,
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
   COLUMNS_DEFINITIONS_HVDCS,
   COLUMNS_DEFINITIONS_INJECTIONS,
@@ -325,6 +335,7 @@ export {
   CUSTOM_AGGRID_THEME,
   CancelButton,
   CardErrorBoundary,
+  CharacteristicsForm,
   CheckBoxList,
   CheckboxInput,
   CheckboxNullableInput,
@@ -484,6 +495,7 @@ export {
   MARGIN_CALCULATION_START_TIME,
   MAX_COMPOSITE_NESTING_DEPTH,
   MAX_ROWS_NUMBER,
+  MAX_SECTIONS_COUNT,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MODIFICATION_ROW_HEIGHT,
@@ -598,6 +610,7 @@ export {
   SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS,
   SHUNT_COMPENSATORS_SELECTION_TYPE,
   SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD,
+  SHUNT_COMPENSATOR_TYPES,
   SHUNT_COMPENSATOR_TYPE_OPTIONS,
   SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
   SPECIFIC_PARAMETERS,
@@ -624,6 +637,7 @@ export {
   ShortCircuitForm,
   ShortCircuitParametersEditionDialog,
   ShortCircuitParametersInLine,
+  ShuntCompensatorCreationForm,
   ShuntCompensatorSelectionForm,
   SignInCallbackHandler,
   SilentRenewCallbackHandler,
@@ -676,10 +690,15 @@ export {
   VoltageLevelModificationForm,
   WRITE_SLACK_BUS,
   alertThresholdMarks,
+  batteryCreationDtoToForm,
+  batteryCreationEmptyFormData,
+  batteryCreationFormSchema,
+  batteryCreationFormToDto,
   buildNewBusbarSections,
   byFilterDeletionDtoToForm,
   byFilterDeletionFormSchema,
   byFilterDeletionFormToDto,
+  computeSwitchedOnValue,
   computeTagMinSize,
   copyEquipmentPropertiesForCreation,
   countRules,
@@ -728,6 +747,10 @@ export {
   getBranchActiveReactivePowerEmptyFormDataProperties,
   getBranchActiveReactivePowerValidationSchema,
   getBranchActiveReactivePowerValidationSchemaProperties,
+  getCharacteristicsCreateFormDataFromSearchCopy,
+  getCharacteristicsEmptyFormData,
+  getCharacteristicsFormData,
+  getCharacteristicsFormValidationSchema,
   getCon1andCon2WithPositionValidationSchema,
   getConcatenatedProperties,
   getConnectivityBusBarSectionData,
@@ -771,8 +794,11 @@ export {
   getPropertyValue,
   getRangeInputSchema,
   getReactiveCapabilityCurveValidationSchema,
+  getReactiveCapabilityCurveValidationSchemaArray,
   getReactiveLimitsEmptyFormData,
+  getReactiveLimitsEmptyFormDataProps,
   getReactiveLimitsFormData,
+  getReactiveLimitsFormDataProps,
   getReactiveLimitsSchema,
   getReactiveLimitsValidationSchema,
   getReactivePowerSetPointSchema,
@@ -827,6 +853,10 @@ export {
   saveExplicitNamingFilter,
   setCurrentReactiveCapabilityCurveTable,
   setSelectedReactiveLimits,
+  shuntCompensatorCreationDtoToForm,
+  shuntCompensatorCreationEmptyFormData,
+  shuntCompensatorCreationFormSchema,
+  shuntCompensatorCreationFormToDto,
   standardTextField,
   styles,
   substationCreationDtoToForm,

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

@@ -6,10 +6,10 @@ 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(
+    /* @__PURE__ */ jsx(RadioGroup, { row: true, "aria-labelledby": id ?? label, value: value ?? "", onChange, ...formProps, children: options.map((option) => /* @__PURE__ */ jsx(
       FormControlLabel,
       {
         control: /* @__PURE__ */ jsx(Radio, {}),

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;