@gridsuite/commons-ui 0.142.0 → 0.144.0

package/dist/components/dialogs/elementSaveDialog/ElementSaveDialog.js

@@ -6,12 +6,12 @@ import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import "../../../utils/yupConfig.js";
 import "../../overflowableText/OverflowableText.js";
-import "../../../utils/types/equipmentType.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
 import "../../../utils/conversionUtils.js";
 import "@mui/icons-material";
 import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/dnd-table/dnd-table-add-rows-dialog.js

@@ -3,11 +3,11 @@ import { Dialog, DialogTitle, DialogContent, TextField, DialogActions, Button }
 import { FormattedMessage } from "react-intl";
 import { useState } from "react";
 import "../overflowableText/OverflowableText.js";
-import "react-hook-form";
-import "../../utils/types/equipmentType.js";
 import "../../utils/conversionUtils.js";
 import "@mui/icons-material";
+import "../../utils/types/equipmentType.js";
 import "../../utils/yupConfig.js";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/dnd-table/dnd-table.js

@@ -10,14 +10,14 @@ import { DndTableBottomLeftButtons } from "./dnd-table-bottom-left-buttons.js";
 import { DndTableBottomRightButtons } from "./dnd-table-bottom-right-buttons.js";
 import { DndTableAddRowsDialog } from "./dnd-table-add-rows-dialog.js";
 import "../overflowableText/OverflowableText.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
 import { ChipItemsInput } from "../inputs/reactHookForm/chip-items-input.js";
 import { DirectoryItemsInput } from "../inputs/reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "../inputs/reactHookForm/RawReadOnlyInput.js";
 import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../customAGGrid/customAggrid.js";
-import "../../utils/conversionUtils.js";
-import "../../utils/types/equipmentType.js";
-import "../../utils/yupConfig.js";
 import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";

package/dist/components/index.js

@@ -133,7 +133,7 @@ import { DeviceHubIcon } from "./icons/DeviceHubIcon.js";
 import { TuneIcon } from "./icons/TuneIcon.js";
 import { PhotoLibraryIcon } from "./icons/PhotoLibraryIcon.js";
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
-import { PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, ReactivePowerAdornment, VOLTAGE_LEVEL, VoltageAdornment } from "./parameters/common/constant.js";
+import { COMMON_PARAMETERS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, ReactivePowerAdornment, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL, VoltageAdornment } from "./parameters/common/constant.js";
 import { LineSeparator } from "./parameters/common/line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters/common/parameters.js";
 import { CreateParameterDialog } from "./parameters/common/parameters-creation-dialog.js";
@@ -155,10 +155,10 @@ import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INTL_LINE_FLOW_MODE_OP
 import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_ETALAB, MAP_BASEMAP_MAPBOX, NadPositionsGenerationMode, SubstationLayout } from "./parameters/network-visualizations/network-visualizations.types.js";
 import { NetworkVisualizationParametersInline } from "./parameters/network-visualizations/network-visualizations-parameters-inline.js";
 import { NetworkVisualizationsParametersEditionDialog } from "./parameters/network-visualizations/network-visualizations-parameters-dialog.js";
-import { BALANCE_TYPE, COMMON_PARAMETERS, CONNECTED_COMPONENT_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, SPECIFIC_PARAMETERS, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VERSION_PARAMETER, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./parameters/loadflow/constants.js";
+import { BALANCE_TYPE, CONNECTED_COMPONENT_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./parameters/loadflow/constants.js";
 import { LoadFlowParametersInline } from "./parameters/loadflow/load-flow-parameters-inline.js";
 import { LoadFlowParametersEditionDialog } from "./parameters/loadflow/load-flow-parameters-dialog.js";
-import { InitialVoltage, PredefinedParameters, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, intlInitialVoltageProfileMode, intlPredefinedParametersOptions } from "./parameters/short-circuit/constants.js";
+import { InitialVoltage, PredefinedParameters, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_VOLTAGE_RANGES, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, intlInitialVoltageProfileMode, intlPredefinedParametersOptions, onlyStartedGeneratorsOptions } from "./parameters/short-circuit/constants.js";
 import { ShortCircuitParametersInLine } from "./parameters/short-circuit/short-circuit-parameters-inline.js";
 import { ShortCircuitParametersEditionDialog } from "./parameters/short-circuit/short-circuit-parameters-dialog.js";
 import { DEFAULT_GENERAL_APPLY_MODIFICATIONS, DEFAULT_REACTIVE_SLACKS_THRESHOLD, DEFAULT_SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, DEFAULT_UPDATE_BUS_VOLTAGE, GENERAL, GENERAL_APPLY_MODIFICATIONS, GENERATORS_SELECTION_TYPE, HIGH_VOLTAGE_LIMIT, LEG_SIDE, LOW_VOLTAGE_LIMIT, PRIORITY, RATIO_TAP_CHANGER_POSITION, RATIO_TAP_CHANGER_TARGET_V, REACTIVE_SLACKS_THRESHOLD, SELECTION_TYPE, SHUNT_COMPENSATORS_SELECTION_TYPE, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, TRANSFORMERS_SELECTION_TYPE, UPDATE_BUS_VOLTAGE, VARIABLE_Q_GENERATORS, VARIABLE_SHUNT_COMPENSATORS, VARIABLE_TRANSFORMERS, VOLTAGE_LIMITS_DEFAULT, VOLTAGE_LIMITS_MODIFICATION, VoltageInitTabValues } from "./parameters/voltage-init/constants.js";
@@ -416,7 +416,9 @@ export {
   SELECTION_TYPE,
   SENSITIVITY_TYPES,
   SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE,
+  SHORT_CIRCUIT_ONLY_STARTED_GENERATORS,
   SHORT_CIRCUIT_PREDEFINED_PARAMS,
+  SHORT_CIRCUIT_VOLTAGE_RANGES,
   SHORT_CIRCUIT_WITH_FEEDER_RESULT,
   SHORT_CIRCUIT_WITH_LOADS,
   SHORT_CIRCUIT_WITH_NEUTRAL_POSITION,
@@ -523,6 +525,7 @@ export {
   isValidComputingType,
   login,
   logout,
+  onlyStartedGeneratorsOptions,
   queryValidator,
   recursiveRemove,
   sanitizePercentageValue,

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -17,9 +17,10 @@ export interface DirectoryItemsInputProps<CP extends OverflowableChipProps = Ove
     ChipComponent?: ComponentType<CP>;
     chipProps?: Partial<CP>;
     fullHeight?: boolean;
+    fullWidth?: boolean;
 }
 export declare function DirectoryItemsInput<CP extends OverflowableChipProps = OverflowableChipProps>({ label, name, elementType, // Used to specify type of element (Filter, Contingency list, ...)
 equipmentTypes, // Mostly used for filters, it allows the user to get elements of specific equipment only
 itemFilter, // Used to further filter the results displayed according to specific requirement
 titleId, // title of directory item selector dialogue
-hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, }: Readonly<DirectoryItemsInputProps<CP>>): import("react/jsx-runtime").JSX.Element;
+hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, fullWidth, }: Readonly<DirectoryItemsInputProps<CP>>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.js

@@ -1,11 +1,9 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { FormControl, Tooltip, IconButton } from "@mui/material";
-import { Folder } from "@mui/icons-material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, FormControl, InputLabel, Select, Tooltip, IconButton, OutlinedInput } from "@mui/material";
+import { DriveFolderUpload } from "@mui/icons-material";
 import { useState, useMemo, useCallback, useEffect } from "react";
 import { useFieldArray, useWatch, useController } from "react-hook-form";
 import { useIntl } from "react-intl";
-import { FieldLabel } from "./utils/FieldLabel.js";
-import { isFieldRequired } from "./utils/functions.js";
 import "./provider/CustomFormProvider.js";
 import { useCustomFormContext } from "./provider/useCustomFormContext.js";
 import { ErrorInput } from "./errorManagement/ErrorInput.js";
@@ -24,22 +22,34 @@ import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
 import { NAME } from "./constants.js";
 import { OverflowableChip } from "./OverflowableChip.js";
+import { FieldLabel } from "./utils/FieldLabel.js";
+import { isFieldRequired } from "./utils/functions.js";
 const styles = {
-  formDirectoryElements: {
+  selectDirectoryElements: {
     display: "flex",
-    gap: "8px",
     flexWrap: "wrap",
-    flexDirection: "row",
     alignContent: "flex-start",
-    alignItems: "center",
-    border: "2px solid lightgray",
-    padding: "2px 8px",
-    borderRadius: "4px",
-    overflow: "hidden"
+    cursor: "pointer",
+    "& .MuiSelect-select": {
+      paddingY: "3px",
+      paddingX: "8px !important"
+      // because of the hidden select icon at right, we force a smaller padding
+    },
+    "& .MuiSelect-icon": {
+      display: "none"
+    }
   },
-  formDirectoryElementsError: (theme) => ({
-    borderColor: theme.palette.error.main
-  })
+  renderDirectoryElements: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center"
+  },
+  inputLabel: {
+    left: "30px",
+    "&.MuiInputLabel-shrink": {
+      transform: "translate(-16px, -9px) scale(0.75)"
+    }
+  }
 };
 function DirectoryItemsInput({
   label,
@@ -60,7 +70,8 @@ function DirectoryItemsInput({
   labelRequiredFromContext = true,
   ChipComponent = OverflowableChip,
   chipProps,
-  fullHeight
+  fullHeight = false,
+  fullWidth = true
 }) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
@@ -112,8 +123,9 @@ function DirectoryItemsInput({
     },
     [append, getValues, snackError, name, onRowChanged, onChange, selected, remove]
   );
-  const removeElements = useCallback(
-    (index) => {
+  const handleDeleteChip = useCallback(
+    (event, index) => {
+      event.stopPropagation();
       const elemToRemove = getValues(name)[index];
       remove(index);
       const newElems = getValues(name);
@@ -122,7 +134,7 @@ function DirectoryItemsInput({
     },
     [onRowChanged, remove, getValues, name, onChange]
   );
-  const handleChipClick = useCallback(
+  const openItemsSelector = useCallback(
     (index) => {
       const chips = getValues(name);
       const chip = chips.at(index)?.id;
@@ -138,9 +150,29 @@ function DirectoryItemsInput({
     },
     [getValues, name]
   );
+  const handleClickChip = useCallback(
+    (event, index) => {
+      event.stopPropagation();
+      openItemsSelector(index);
+    },
+    [openItemsSelector]
+  );
   const shouldReplaceElement = useMemo(() => {
     return allowMultiSelect === false && elements?.length === 1;
   }, [allowMultiSelect, elements]);
+  const handleClickInput = useCallback(() => {
+    if (disable) {
+      return;
+    }
+    if (shouldReplaceElement) {
+      openItemsSelector(0);
+    } else {
+      setDirectoryItemSelectorOpen(true);
+      if (allowMultiSelect) {
+        setMultiSelect(true);
+      }
+    }
+  }, [shouldReplaceElement, openItemsSelector, allowMultiSelect, disable]);
   const hasElementsWithoutName = useMemo(() => {
     const elementsToCheck = watchedElements ?? elements;
     return (elementsToCheck ?? []).some((item) => !item?.[NAME]);
@@ -159,69 +191,80 @@ function DirectoryItemsInput({
       clearErrors(name);
     }
   }, [clearErrors, getFieldState, hasElementsWithoutName, intl, name, setError]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  const inputId = `directory-items-input-${name}`;
+  const fullLabel = label && /* @__PURE__ */ jsx(
+    FieldLabel,
+    {
+      label,
+      optional: labelRequiredFromContext && !isFieldRequired(name, validationSchema, getValues())
+    }
+  );
+  const hasElements = elements && elements.length > 0;
+  const fullHeightSx = fullHeight ? { height: "100%" } : void 0;
+  const selectWidth = label ? `${6 + label.length * 0.8}ch` : "auto";
+  return /* @__PURE__ */ jsxs(Box, { sx: fullHeightSx, children: [
     /* @__PURE__ */ jsxs(
       FormControl,
       {
-        sx: mergeSx(
-          styles.formDirectoryElements,
-          // @ts-expect-error
-          error?.message && styles.formDirectoryElementsError,
-          fullHeight && { height: "100%" }
-        ),
+        size: "small",
+        fullWidth,
+        sx: fullHeightSx,
+        disabled: disable,
         error: !!error?.message,
         children: [
-          /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-            IconButton,
+          label && /* @__PURE__ */ jsx(InputLabel, { htmlFor: inputId, shrink: hasElements, sx: styles.inputLabel, children: fullLabel }),
+          /* @__PURE__ */ jsx(
+            Select,
             {
-              size: "small",
-              disabled: disable,
-              onClick: () => {
-                if (shouldReplaceElement) {
-                  handleChipClick(0);
-                } else {
-                  setDirectoryItemSelectorOpen(true);
-                  if (allowMultiSelect) {
-                    setMultiSelect(true);
+              value: elements,
+              multiple: true,
+              displayEmpty: true,
+              notched: hasElements,
+              open: false,
+              onClick: handleClickInput,
+              sx: mergeSx(styles.selectDirectoryElements, { minWidth: selectWidth }, fullHeightSx),
+              input: /* @__PURE__ */ jsx(
+                OutlinedInput,
+                {
+                  id: inputId,
+                  ...label && {
+                    label: fullLabel
                   }
                 }
-              },
-              children: /* @__PURE__ */ jsx(Folder, {})
-            }
-          ) }) }),
-          elements?.map((item, index) => {
-            const elementName = watchedElements?.[index]?.[NAME] ?? getValues(`${name}.${index}.${NAME}`) ?? item?.[NAME];
-            const equipmentTypeShortLabel = getEquipmentTypeShortLabel(item?.specificMetadata?.equipmentType);
-            const { sx: chipSx, ...otherChipProps } = chipProps ?? {};
-            return /* @__PURE__ */ jsx(
-              ChipComponent,
-              {
-                onDelete: () => removeElements(index),
-                onClick: () => handleChipClick(index),
-                label: elementName || intl.formatMessage({ id: "elementNotFound" }),
-                ...equipmentTypeShortLabel && {
-                  helperText: intl.formatMessage({
-                    id: equipmentTypeShortLabel
-                  })
-                },
-                sx: mergeSx(
-                  !elementName ? (theme) => ({
-                    backgroundColor: theme.palette.error.light,
-                    borderColor: theme.palette.error.main,
-                    color: theme.palette.error.contrastText
-                  }) : void 0,
-                  chipSx
-                ),
-                ...otherChipProps
-              },
-              item.id
-            );
-          }),
-          elements?.length === 0 && label && /* @__PURE__ */ jsx(
-            FieldLabel,
-            {
-              label,
-              optional: labelRequiredFromContext && !isFieldRequired(name, validationSchema, getValues())
+              ),
+              renderValue: (directoryElements) => /* @__PURE__ */ jsxs(Box, { sx: styles.renderDirectoryElements, children: [
+                /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: disable, children: /* @__PURE__ */ jsx(DriveFolderUpload, {}) }) }) }),
+                directoryElements?.map((item, index) => {
+                  const elementName = watchedElements?.[index]?.[NAME] ?? getValues(`${name}.${index}.${NAME}`) ?? item?.[NAME];
+                  const equipmentTypeShortLabel = getEquipmentTypeShortLabel(
+                    item?.specificMetadata?.equipmentType
+                  );
+                  const { sx: chipSx, ...otherChipProps } = chipProps ?? {};
+                  return /* @__PURE__ */ jsx(
+                    ChipComponent,
+                    {
+                      onDelete: (e) => handleDeleteChip(e, index),
+                      onClick: (e) => handleClickChip(e, index),
+                      label: elementName || intl.formatMessage({ id: "elementNotFound" }),
+                      ...equipmentTypeShortLabel && {
+                        helperText: intl.formatMessage({
+                          id: equipmentTypeShortLabel
+                        })
+                      },
+                      sx: mergeSx(
+                        !elementName ? (theme) => ({
+                          backgroundColor: theme.palette.error.light,
+                          borderColor: theme.palette.error.main,
+                          color: theme.palette.error.contrastText
+                        }) : void 0,
+                        chipSx
+                      ),
+                      ...otherChipProps
+                    },
+                    item.id
+                  );
+                })
+              ] })
             }
           )
         ]

package/dist/components/inputs/reactHookForm/OverflowableChip.d.ts

@@ -1,4 +1,5 @@
-import { ChipProps } from '@mui/material';
+import { BoxProps, ChipProps } from '@mui/material';
 export interface OverflowableChipProps extends ChipProps {
+    boxSx?: BoxProps['sx'];
 }
-export declare function OverflowableChip({ label, ...otherProps }: Readonly<OverflowableChipProps>): import("react/jsx-runtime").JSX.Element;
+export declare function OverflowableChip({ label, boxSx, ...otherProps }: Readonly<OverflowableChipProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/OverflowableChip.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { Chip, Box } from "@mui/material";
+import { Box, Chip } from "@mui/material";
 import { OverflowableText } from "../../overflowableText/OverflowableText.js";
-function OverflowableChip({ label, ...otherProps }) {
-  return /* @__PURE__ */ jsx(
+function OverflowableChip({ label, boxSx, ...otherProps }) {
+  return /* @__PURE__ */ jsx(Box, { padding: "3px", sx: { cursor: "default", ...boxSx }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
     Chip,
     {
       size: "small",
@@ -12,13 +12,13 @@ function OverflowableChip({ label, ...otherProps }) {
           text: label,
           sx: {
             maxWidth: "20ch",
-            mx: "auto"
+            marginX: "auto"
           }
         }
       ) }),
       ...otherProps
     }
-  );
+  ) });
 }
 export {
   OverflowableChip

package/dist/components/inputs/reactHookForm/OverflowableChipWithHelperText.d.ts

@@ -2,4 +2,4 @@ import { OverflowableChipProps } from './OverflowableChip';
 export interface OverflowableChipWithHelperTextProps extends OverflowableChipProps {
     helperText?: string;
 }
-export declare function OverflowableChipWithHelperText({ helperText, ...otherProps }: Readonly<OverflowableChipWithHelperTextProps>): import("react/jsx-runtime").JSX.Element;
+export declare function OverflowableChipWithHelperText({ helperText, boxSx, ...otherProps }: Readonly<OverflowableChipWithHelperTextProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/OverflowableChipWithHelperText.js

@@ -1,14 +1,30 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Box, FormHelperText } from "@mui/material";
 import { OverflowableChip } from "./OverflowableChip.js";
+import "../../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.js";
 function OverflowableChipWithHelperText({
   helperText,
+  boxSx,
   ...otherProps
 }) {
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "left", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx(OverflowableChip, { ...otherProps }),
-    helperText && /* @__PURE__ */ jsx(FormHelperText, { sx: { fontSize: "x-small" }, children: helperText })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      alignItems: "left",
+      flexDirection: "column",
+      sx: mergeSx({ cursor: "default" }, boxSx),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx(OverflowableChip, { boxSx: { paddingBottom: "2px" }, ...otherProps }),
+        helperText && /* @__PURE__ */ jsx(FormHelperText, { sx: { fontSize: "x-small", margin: 0, marginLeft: 2 }, children: helperText })
+      ]
+    }
+  );
 }
 export {
   OverflowableChipWithHelperText

package/dist/components/inputs/reactHookForm/selectInputs/SelectInput.js

@@ -11,7 +11,9 @@ function SelectInput(props) {
       return null;
     }
     if (typeof value === "string") {
-      return options.find((option) => typeof option !== "string" && option?.id === value) || null;
+      return options.find(
+        (option) => typeof option !== "string" && option?.id === value || typeof option === "string" && option === value
+      ) || null;
     }
     return options.find((option) => typeof option !== "string" && option?.id === value.id) || null;
   };

package/dist/components/inputs/reactHookForm/text/DescriptionField.d.ts

@@ -1,5 +1,7 @@
 import { SxStyle } from '../../../../utils/styles';
 export interface DescriptionFieldProps {
     expandingTextSx?: SxStyle;
+    maxCharactersNumber?: number;
+    rows?: number;
 }
-export declare function DescriptionField({ expandingTextSx }: Readonly<DescriptionFieldProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionField({ expandingTextSx, maxCharactersNumber, rows, }: Readonly<DescriptionFieldProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/DescriptionField.js

@@ -6,7 +6,15 @@ import { ControlPoint, Delete } from "@mui/icons-material";
 import { useFormContext } from "react-hook-form";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import { ExpandingTextField } from "./ExpandingTextField.js";
-function DescriptionField({ expandingTextSx }) {
+import { MAX_CHAR_DESCRIPTION } from "../../../../utils/constants/uiConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+function DescriptionField({
+  expandingTextSx,
+  maxCharactersNumber = MAX_CHAR_DESCRIPTION,
+  rows = 3
+}) {
   const { setValue, getValues } = useFormContext();
   const description = getValues(FieldConstants.DESCRIPTION);
   const [isDescriptionFieldVisible, setIsDescriptionFieldVisible] = useState(!!description);
@@ -28,9 +36,10 @@ function DescriptionField({ expandingTextSx }) {
       {
         name: FieldConstants.DESCRIPTION,
         label: "descriptionProperty",
-        minRows: 3,
-        rows: 3,
-        sx: expandingTextSx
+        minRows: rows,
+        rows,
+        sx: expandingTextSx,
+        maxCharactersNumber
       }
     ),
     /* @__PURE__ */ jsx(

package/dist/components/overflowableText/OverflowableText.js

@@ -68,7 +68,15 @@ const OverflowableText = styled(
     const tooltipStyleProps = {
       ...tooltipStyle && { classes: { tooltip: tooltipStyle } },
       ...finalTooltipSx && {
-        slotProps: { tooltip: { sx: finalTooltipSx } }
+        slotProps: {
+          tooltip: {
+            onClick: (e) => e.stopPropagation(),
+            sx: finalTooltipSx
+          },
+          popper: {
+            onClick: (e) => e.stopPropagation()
+          }
+        }
       }
     };
     const boxSx = mergeSx(isMultiLine ? multilineOverflowStyle(maxLineCount) : overflowStyle.overflow, sx);

package/dist/components/parameters/common/ProviderParam.js

@@ -4,12 +4,12 @@ import { FormattedMessage } from "react-intl";
 import { LineSeparator } from "./line-separator.js";
 import { parametersStyles } from "../parameters-style.js";
 import "../../overflowableText/OverflowableText.js";
-import "react";
-import "react-hook-form";
-import "../../../utils/types/equipmentType.js";
 import "../../../utils/conversionUtils.js";
 import "@mui/icons-material";
+import "../../../utils/types/equipmentType.js";
 import "../../../utils/yupConfig.js";
+import "react";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/parameters/common/constant.d.ts

@@ -14,3 +14,6 @@ export declare const VoltageAdornment: {
     position: string;
     text: string;
 };
+export declare const VERSION_PARAMETER = "version";
+export declare const COMMON_PARAMETERS = "commonParameters";
+export declare const SPECIFIC_PARAMETERS = "specificParametersPerProvider";

package/dist/components/parameters/common/constant.js

@@ -15,7 +15,11 @@ const VoltageAdornment = {
   position: "end",
   text: KILO_VOLT
 };
+const VERSION_PARAMETER = "version";
+const COMMON_PARAMETERS = "commonParameters";
+const SPECIFIC_PARAMETERS = "specificParametersPerProvider";
 export {
+  COMMON_PARAMETERS,
   PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD,
   PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD,
   PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD,
@@ -24,6 +28,8 @@ export {
   PARAM_SA_PROVIDER,
   PROVIDER,
   ReactivePowerAdornment,
+  SPECIFIC_PARAMETERS,
+  VERSION_PARAMETER,
   VOLTAGE_LEVEL,
   VoltageAdornment
 };

package/dist/components/parameters/common/index.js

@@ -1,5 +1,5 @@
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./computing-type.js";
-import { PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, ReactivePowerAdornment, VOLTAGE_LEVEL, VoltageAdornment } from "./constant.js";
+import { COMMON_PARAMETERS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, ReactivePowerAdornment, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL, VoltageAdornment } from "./constant.js";
 import { LineSeparator } from "./line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters.js";
 import { CreateParameterDialog } from "./parameters-creation-dialog.js";
@@ -19,6 +19,7 @@ import { LimitReductionTableRow } from "./limitreductions/limit-reduction-table-
 import { LimitReductionTableCell } from "./limitreductions/limit-reduction-table-cell.js";
 export {
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
+  COMMON_PARAMETERS,
   ComputingType,
   CreateParameterDialog,
   CustomVoltageLevelTable,
@@ -46,10 +47,12 @@ export {
   ParameterSwitch,
   ProviderParam,
   ReactivePowerAdornment,
+  SPECIFIC_PARAMETERS,
   SwitchWithLabel,
   TAB_INFO,
   TabPanel,
   TabValues,
+  VERSION_PARAMETER,
   VOLTAGE_LEVEL,
   VOLTAGE_LEVELS_FORM,
   VoltageAdornment,

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

@@ -3,12 +3,12 @@ import { Tooltip, TableCell } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { VOLTAGE_LEVELS_FORM, LIMIT_REDUCTIONS_FORM } from "./columns-definitions.js";
 import "../../../overflowableText/OverflowableText.js";
-import "react";
-import "react-hook-form";
-import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/conversionUtils.js";
 import "@mui/icons-material";
+import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/yupConfig.js";
+import "react";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

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

@@ -5,11 +5,11 @@ import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, LIMIT_DURATION_FORM, LIMIT_REDUCT
 import { CustomVoltageLevelTable } from "../voltage-level-table/custom-voltage-level-table.js";
 import "@mui/material";
 import "../../../overflowableText/OverflowableText.js";
-import "react-hook-form";
-import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/conversionUtils.js";
 import "@mui/icons-material";
+import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/yupConfig.js";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/parameters/common/name-element-editor/name-element-editor-utils.js

@@ -3,11 +3,11 @@ import "react/jsx-runtime";
 import "react-intl";
 import "@mui/material";
 import "../../../overflowableText/OverflowableText.js";
-import "react";
-import "react-hook-form";
-import "../../../../utils/types/equipmentType.js";
 import "../../../../utils/conversionUtils.js";
 import "@mui/icons-material";
+import "../../../../utils/types/equipmentType.js";
+import "react";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";