@gridsuite/commons-ui 0.214.0 → 0.215.0

package/dist/features/network-modification-table/renderers/description-cell.js

@@ -0,0 +1,75 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Tooltip, IconButton } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import "react-hook-form";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import { DescriptionModificationDialog } from "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import { setModificationMetadata } from "../../../services/networkModification.js";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.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 { EditNoteIcon } from "../../../components/ui/icons/EditNoteIcon.js";
+import { createEditDescriptionStyle } from "../network-modification-table-styles.js";
+function DescriptionCell(props) {
+  const { data, studyUuid, currentNodeId, isDisabled = false } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const [openDescModificationDialog, setOpenDescModificationDialog] = useState(false);
+  const modificationUuid = data.uuid;
+  const { description } = data;
+  const empty = !description;
+  const updateModification = useCallback(
+    async (descriptionRecord) => {
+      setIsLoading(true);
+      return setModificationMetadata(studyUuid, currentNodeId, modificationUuid, {
+        description: descriptionRecord.description,
+        type: data.type
+      }).finally(() => {
+        setIsLoading(false);
+      });
+    },
+    [studyUuid, currentNodeId, modificationUuid, data.type]
+  );
+  const handleDescDialogClose = useCallback(() => {
+    setOpenDescModificationDialog(false);
+  }, []);
+  const handleModifyDescription = useCallback(() => {
+    setOpenDescModificationDialog(true);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    openDescModificationDialog && modificationUuid && /* @__PURE__ */ jsx(
+      DescriptionModificationDialog,
+      {
+        open: true,
+        description: description ?? "",
+        onClose: handleDescDialogClose,
+        updateElement: updateModification
+      }
+    ),
+    /* @__PURE__ */ jsx(Tooltip, { title: description ?? /* @__PURE__ */ jsx(FormattedMessage, { id: "addDescription" }), arrow: true, enterDelay: 250, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: handleModifyDescription,
+        disabled: isLoading || isDisabled,
+        sx: createEditDescriptionStyle(data.description),
+        children: /* @__PURE__ */ jsx(EditNoteIcon, { empty })
+      }
+    ) }) })
+  ] });
+}
+export {
+  DescriptionCell
+};

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

@@ -0,0 +1,221 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useState, useEffect, useRef } from "react";
+import { useIntl } from "react-intl";
+import { useTheme, Box, IconButton, InputBase } from "@mui/material";
+import { KeyboardArrowDown, KeyboardArrowRight } from "@mui/icons-material";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { networkModificationTableStyles, createNameCellLabelBoxSx, createModificationNameCellStyle, createNameCellRootStyle } from "../network-modification-table-styles.js";
+import { DepthBox } from "./depth-box.js";
+import { isCompositeModification } from "../utils.js";
+import { useModificationLabelComputer } from "../../../hooks/useModificationLabelComputer.js";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import "../../../utils/types/equipmentType.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+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, onChange }) {
+  const intl = useIntl();
+  const theme = useTheme();
+  const { computeLabel } = useModificationLabelComputer();
+  const { snackError } = useSnackMessage();
+  const { depth } = row;
+  const isComposite = isCompositeModification(row.original);
+  const getModificationLabel = useCallback(
+    (modification, formatBold = true) => {
+      return intl.formatMessage(
+        { id: `network_modifications.${modification.messageType}` },
+        { ...modification, ...computeLabel(modification, formatBold) }
+      );
+    },
+    [computeLabel, intl]
+  );
+  const savedCompositeName = useMemo(() => {
+    if (!isComposite) {
+      return "";
+    }
+    try {
+      return JSON.parse(row.original.messageValues)?.name ?? "";
+    } catch {
+      return "";
+    }
+  }, [isComposite, row.original.messageValues]);
+  const [compositeName, setCompositeName] = useState(savedCompositeName);
+  useEffect(() => {
+    setCompositeName(savedCompositeName);
+  }, [savedCompositeName]);
+  const label = useMemo(
+    () => isComposite ? getModificationLabel({ ...row.original, messageValues: JSON.stringify({ name: compositeName }) }) : getModificationLabel(row.original),
+    [getModificationLabel, row.original, isComposite, compositeName]
+  );
+  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 updateName = useCallback(
+    (newName) => {
+      setCompositeName(newName);
+      Promise.resolve(onChange?.(row.original, newName)).catch((error) => {
+        setCompositeName(savedCompositeName);
+        snackWithFallback(snackError, error, { headerId: "networkModificationRenamingError" });
+      });
+    },
+    [onChange, row.original, savedCompositeName, snackError]
+  );
+  const handleBlur = useCallback(() => {
+    if (!isEditingRef.current) {
+      return;
+    }
+    const trimmed = draftName.trim();
+    if (trimmed !== "" && trimmed !== compositeName) {
+      updateName(trimmed);
+    }
+    stopEditing();
+  }, [compositeName, draftName, updateName, 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) {
+          updateName(trimmed);
+        }
+        stopEditing();
+        inputRef.current?.blur();
+      } else if (e.key === "Escape") {
+        stopEditing();
+        inputRef.current?.blur();
+      }
+    },
+    [compositeName, draftName, updateName, stopEditing]
+  );
+  const renderDepthBox = () => {
+    const depthLevelCount = depth;
+    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,
+    {
+      sx: mergeSx(
+        networkModificationTableStyles.tableCell,
+        createNameCellRootStyle(theme, row.getIsExpanded(), depth)
+      ),
+      children: [
+        renderDepthBox(),
+        /* @__PURE__ */ jsxs(Box, { sx: networkModificationTableStyles.nameCellInnerRow, children: [
+          isComposite && /* @__PURE__ */ jsx(Box, { sx: networkModificationTableStyles.nameCellTogglerBox, children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              onClick: (e) => {
+                e.stopPropagation();
+                row.getToggleExpandedHandler()();
+              },
+              sx: networkModificationTableStyles.nameCellToggleButton,
+              "aria-label": row.getIsExpanded() ? "Collapse" : "Expand",
+              children: row.getIsExpanded() ? /* @__PURE__ */ jsx(KeyboardArrowDown, { fontSize: "small" }) : /* @__PURE__ */ jsx(KeyboardArrowRight, { fontSize: "small" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Box, { sx: createNameCellLabelBoxSx(row.getIsExpanded(), depth), children: isComposite && isEditing ? /* @__PURE__ */ jsx(
+            Box,
+            {
+              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
+              }
+            ) })
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  NameCell
+};

package/dist/features/network-modification-table/renderers/root-network-chip-cell.js

@@ -0,0 +1,114 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import "react-intl";
+import "@mui/material";
+import { ActivableChip } from "../../../components/ui/inputs/ActivableChip.js";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import { updateModificationStatusByRootNetwork } from "../../../services/networkModification.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+function getUpdatedExcludedModifications(prev, rootNetworkUuid, modificationUuid) {
+  const exists = prev.some((item) => item.rootNetworkUuid === rootNetworkUuid);
+  if (exists) {
+    let newStatus = false;
+    const nextExcluded = prev.map((modif) => {
+      if (modif.rootNetworkUuid !== rootNetworkUuid) {
+        return modif;
+      }
+      const isExcluded = modif.modificationUuidsToExclude.includes(modificationUuid);
+      const newModificationUuidsToExclude = isExcluded ? modif.modificationUuidsToExclude.filter((id) => id !== modificationUuid) : [...modif.modificationUuidsToExclude, modificationUuid];
+      newStatus = isExcluded;
+      return {
+        ...modif,
+        modificationUuidsToExclude: newModificationUuidsToExclude
+      };
+    });
+    return { nextExcluded, newStatus };
+  }
+  return {
+    nextExcluded: [
+      ...prev,
+      {
+        rootNetworkUuid,
+        modificationUuidsToExclude: [modificationUuid]
+      }
+    ],
+    newStatus: false
+  };
+}
+function RootNetworkChipCell(props) {
+  const {
+    data,
+    studyUuid,
+    currentNodeId,
+    rootNetwork,
+    modificationsToExclude,
+    setModificationsToExclude,
+    isDisabled = false
+  } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const { snackError } = useSnackMessage();
+  const modificationUuid = data.uuid;
+  const isModificationActivated = useMemo(() => {
+    if (rootNetwork.isCreating) {
+      return true;
+    }
+    const excludedSet = new Set(
+      modificationsToExclude.find((item) => item.rootNetworkUuid === rootNetwork.rootNetworkUuid)?.modificationUuidsToExclude || []
+    );
+    return !excludedSet.has(modificationUuid);
+  }, [modificationUuid, modificationsToExclude, rootNetwork.rootNetworkUuid, rootNetwork.isCreating]);
+  const handleModificationActivationByRootNetwork = useCallback(() => {
+    if (!studyUuid || !currentNodeId) {
+      return;
+    }
+    setIsLoading(true);
+    const { nextExcluded, newStatus } = getUpdatedExcludedModifications(
+      modificationsToExclude,
+      rootNetwork.rootNetworkUuid,
+      modificationUuid
+    );
+    setModificationsToExclude(nextExcluded);
+    updateModificationStatusByRootNetwork(
+      studyUuid,
+      currentNodeId,
+      rootNetwork.rootNetworkUuid,
+      modificationUuid,
+      newStatus
+    ).catch((error) => {
+      setModificationsToExclude(
+        (prev) => getUpdatedExcludedModifications(prev, rootNetwork.rootNetworkUuid, modificationUuid).nextExcluded
+      );
+      snackWithFallback(snackError, error, { headerId: "modificationActivationByRootNetworkError" });
+    }).finally(() => {
+      setIsLoading(false);
+    });
+  }, [
+    modificationUuid,
+    studyUuid,
+    currentNodeId,
+    modificationsToExclude,
+    rootNetwork.rootNetworkUuid,
+    setModificationsToExclude,
+    snackError
+  ]);
+  return /* @__PURE__ */ jsx(
+    ActivableChip,
+    {
+      label: rootNetwork.tag,
+      tooltipMessage: rootNetwork.name,
+      isActivated: isModificationActivated,
+      isDisabled: isLoading || isDisabled,
+      onClick: handleModificationActivationByRootNetwork
+    }
+  );
+}
+export {
+  RootNetworkChipCell
+};

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

@@ -0,0 +1,100 @@
+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 "../../../../components/ui/overflowableText/OverflowableText.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.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";
+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 "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "../../common/properties/propertyUtils.js";
+import GridSection from "../../../../components/composite/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 "../../../../components/composite/grid/grid-item.js";
+import { ReactiveLimitsForm } from "../../common/reactiveLimits/ReactiveLimitsForm.js";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.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/features/network-modifications/battery/creation/batteryCreation.utils.js

@@ -0,0 +1,140 @@
+import { object, number, string } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { YUP_NOT_TYPE_NUMBER, 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 "../../../../components/ui/overflowableText/OverflowableText.js";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/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 "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+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";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+const batteryCreationFormSchema = object().shape({
+  [FieldConstants.EQUIPMENT_ID]: string().required(YUP_REQUIRED),
+  [FieldConstants.EQUIPMENT_NAME]: string().nullable(),
+  [FieldConstants.MAXIMUM_ACTIVE_POWER]: number().nullable().typeError(YUP_NOT_TYPE_NUMBER).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().typeError(YUP_NOT_TYPE_NUMBER).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
+};