@gridsuite/commons-ui 0.213.0 → 0.215.0

package/dist/features/parameters/common/parameter-field.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Typography, Chip } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { parametersStyles } from "../parameters-style.js";
+import { ParameterType } from "../../../utils/types/parameters.type.js";
+import "@mui/icons-material";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../utils/conversionUtils.js";
+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";
+import "notistack";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { AutocompleteInput } from "../../../components/ui/reactHookForm/autocompleteInputs/AutocompleteInput.js";
+import { MultipleAutocompleteInput } from "../../../components/ui/reactHookForm/autocompleteInputs/MultipleAutocompleteInput.js";
+import { SwitchInput } from "../../../components/ui/reactHookForm/booleans/SwitchInput.js";
+import { FloatInput } from "../../../components/ui/reactHookForm/numbers/FloatInput.js";
+import { IntegerInput } from "../../../components/ui/reactHookForm/numbers/IntegerInput.js";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { CountriesInput } from "../../../components/ui/reactHookForm/selectInputs/CountriesInput.js";
+import { MuiSelectInput } from "../../../components/ui/reactHookForm/selectInputs/MuiSelectInput.js";
+import { TextInput } from "../../../components/ui/reactHookForm/text/TextInput.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 { LineSeparator } from "./line-separator.js";
+import "./widget/parameter-line-slider.js";
+import "./limitreductions/columns-definitions.js";
+import "./contingency-table/contingency-table.js";
+import "./contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+function ParameterField({ id, name, type, label, description, possibleValues, sx }) {
+  const renderField = () => {
+    switch (type) {
+      case ParameterType.STRING:
+        return possibleValues ? /* @__PURE__ */ jsx(
+          MuiSelectInput,
+          {
+            name: `${id}.${name}`,
+            options: possibleValues,
+            size: "small",
+            "data-testid": `${id}.${name}`,
+            sx
+          }
+        ) : /* @__PURE__ */ jsx(TextInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
+      case ParameterType.BOOLEAN:
+        return /* @__PURE__ */ jsx(SwitchInput, { name: `${id}.${name}`, "data-testid": `${id}.${name}` });
+      case ParameterType.COUNTRIES:
+        return /* @__PURE__ */ jsx(CountriesInput, { name: `${id}.${name}`, label: "descLfCountries", dataTestId: `${id}.${name}` });
+      case ParameterType.DOUBLE:
+        return /* @__PURE__ */ jsx(FloatInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
+      case ParameterType.STRING_LIST:
+        return possibleValues ? /* @__PURE__ */ jsx(
+          AutocompleteInput,
+          {
+            "data-testid": `${id}.${name}`,
+            name: `${id}.${name}`,
+            label,
+            options: possibleValues,
+            fullWidth: true,
+            multiple: true,
+            size: "small",
+            renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(
+              Chip,
+              {
+                "data-testid": `${id}.${name}.${code}`,
+                size: "small",
+                label: code,
+                ...getTagsProps({ index })
+              },
+              code
+            ))
+          }
+        ) : /* @__PURE__ */ jsx(MultipleAutocompleteInput, { name: `${id}.${name}`, size: "small", "data-testid": `${id}.${name}` });
+      case ParameterType.INTEGER:
+        return /* @__PURE__ */ jsx(IntegerInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, paddingTop: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, children: /* @__PURE__ */ jsx(CustomTooltip, { title: description, children: /* @__PURE__ */ jsx(Typography, { sx: parametersStyles.parameterName, children: label ? /* @__PURE__ */ jsx(FormattedMessage, { id: label }) : name }) }, name) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: renderField() }),
+    /* @__PURE__ */ jsx(LineSeparator, {})
+  ] }, name);
+}
+export {
+  ParameterField as default
+};

package/dist/features/parameters/common/parameter-table/parameter-table.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableContainer, Table, TableHead, TableRow, TableCell, Box, IconButton, TableBody } from "@mui/material";
+import { AddCircle } from "@mui/icons-material";
+import { useRef, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { useFormContext } from "react-hook-form";
+import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
+import { TableRowComponent } from "./table-row.js";
+import { MAX_ROWS_NUMBER } from "./constants.js";
+function ParameterTable({
+  arrayFormName,
+  useFieldArrayOutput,
+  columnsDefinition,
+  tableHeight,
+  createRows,
+  disableAdd,
+  disableDelete = false,
+  onFormChanged,
+  isValidParameterRow
+}) {
+  const intl = useIntl();
+  const { getValues } = useFormContext();
+  const { fields: currentRows, append, remove } = useFieldArrayOutput;
+  const validRowCountRef = useRef(
+    (getValues(arrayFormName) || []).filter((row) => isValidParameterRow(row)).length
+  );
+  const handleRowChanged = useCallback(
+    (index) => {
+      const currentRowValues = getValues(arrayFormName);
+      const row = currentRowValues[index];
+      const currentValidRowCount = currentRowValues.filter((r) => isValidParameterRow(r)).length;
+      const previousValidRowCount = validRowCountRef.current;
+      validRowCountRef.current = currentValidRowCount;
+      if (currentValidRowCount !== previousValidRowCount || isValidParameterRow(row)) {
+        onFormChanged();
+      }
+    },
+    [getValues, arrayFormName, isValidParameterRow, onFormChanged]
+  );
+  const handleAddRowsButton = useCallback(() => {
+    if (currentRows.length >= MAX_ROWS_NUMBER) {
+      return;
+    }
+    append(createRows(1));
+  }, [append, createRows, currentRows.length]);
+  const handleDeleteButton = useCallback(
+    (index) => {
+      const currentRowsValues = getValues(arrayFormName);
+      if (index >= 0 && index < currentRowsValues.length) {
+        const wasValid = isValidParameterRow(currentRowsValues[index]);
+        remove(index);
+        if (wasValid) {
+          validRowCountRef.current -= 1;
+          onFormChanged();
+        }
+      }
+    },
+    [arrayFormName, getValues, isValidParameterRow, onFormChanged, remove]
+  );
+  return /* @__PURE__ */ jsx(
+    TableContainer,
+    {
+      sx: {
+        height: tableHeight,
+        border: "solid 0px rgba(0,0,0,0.1)"
+      },
+      children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: { tableLayout: "fixed" }, children: [
+        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          columnsDefinition.map((column) => /* @__PURE__ */ jsx(TableCell, { sx: { width: column.width, textAlign: "center" }, children: /* @__PURE__ */ jsx(Box, { children: column.label }) }, column.dataKey)),
+          /* @__PURE__ */ jsx(TableCell, { sx: { width: "5rem", textAlign: "center" }, children: /* @__PURE__ */ jsx(
+            CustomTooltip,
+            {
+              title: intl.formatMessage({
+                id: "AddRows"
+              }),
+              children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { disabled: disableAdd, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, {}) }) })
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: currentRows.map((row, index) => /* @__PURE__ */ jsx(
+          TableRowComponent,
+          {
+            arrayFormName,
+            columnsDefinition,
+            index,
+            handleDeleteButton,
+            disableDelete,
+            handleRowChanged
+          },
+          row.id
+        )) })
+      ] })
+    }
+  );
+}
+export {
+  ParameterTable
+};

package/dist/features/parameters/common/parameter-table/table-cell.js

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TableCell } from "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+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";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { DirectoryItemsInput } from "../../../../components/ui/reactHookForm/DirectoryItemsInput.js";
+import { SwitchInput } from "../../../../components/ui/reactHookForm/booleans/SwitchInput.js";
+import { FloatInput } from "../../../../components/ui/reactHookForm/numbers/FloatInput.js";
+import { TextInput } from "../../../../components/ui/reactHookForm/text/TextInput.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { MuiSelectInput } from "../../../../components/ui/reactHookForm/selectInputs/MuiSelectInput.js";
+import { DescriptionInput } from "../../../../components/ui/reactHookForm/text/DescriptionInput.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.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 "mui-nested-menu";
+import "react-resizable-panels";
+function EditableTableCell(arrayFormName, rowIndex, column, onRowChanged) {
+  return /* @__PURE__ */ jsxs(
+    TableCell,
+    {
+      sx: {
+        width: column.width
+      },
+      children: [
+        column.directoryItems && /* @__PURE__ */ jsx(
+          DirectoryItemsInput,
+          {
+            name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
+            equipmentTypes: column.equipmentTypes,
+            elementType: column.elementType,
+            titleId: column.titleId,
+            hideErrorMessage: true,
+            label: void 0,
+            itemFilter: void 0,
+            onChange: onRowChanged
+          }
+        ),
+        column.menuItems && /* @__PURE__ */ jsx(
+          MuiSelectInput,
+          {
+            name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
+            options: column.equipmentTypes,
+            size: "small",
+            fullWidth: true
+          }
+        ),
+        column.checkboxItems && /* @__PURE__ */ jsx("span", { onChange: onRowChanged, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}` }) }),
+        column.floatItems && /* @__PURE__ */ jsx(FloatInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}` }),
+        column.textItems && /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
+            formProps: { disabled: !column.editable }
+          }
+        ),
+        column.descriptionItems && /* @__PURE__ */ jsx(DescriptionInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}` })
+      ]
+    },
+    column.dataKey
+  );
+}
+export {
+  EditableTableCell as default
+};

package/dist/features/parameters/common/parameter-table/table-row.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TableRow, TableCell, IconButton } from "@mui/material";
+import { useState } from "react";
+import { useIntl } from "react-intl";
+import { Delete } from "@mui/icons-material";
+import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
+import EditableTableCell from "./table-cell.js";
+function TableRowComponent({
+  arrayFormName,
+  columnsDefinition,
+  index,
+  handleDeleteButton,
+  disableDelete = false,
+  handleRowChanged
+}) {
+  const [isHover, setIsHover] = useState(false);
+  const intl = useIntl();
+  function handleHover(enter) {
+    return setIsHover(enter);
+  }
+  const handleCellChanged = () => {
+    handleRowChanged(index);
+  };
+  return /* @__PURE__ */ jsxs(TableRow, { onMouseEnter: () => handleHover(true), onMouseLeave: () => handleHover(false), children: [
+    columnsDefinition.map(
+      (column) => EditableTableCell(arrayFormName, index, column, handleCellChanged)
+    ),
+    !disableDelete && /* @__PURE__ */ jsx(TableCell, { sx: { width: "5rem", textAlign: "center" }, children: isHover && /* @__PURE__ */ jsx(
+      CustomTooltip,
+      {
+        title: intl.formatMessage({
+          id: "DeleteRows"
+        }),
+        children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleDeleteButton(index), children: /* @__PURE__ */ jsx(Delete, {}) })
+      }
+    ) })
+  ] });
+}
+export {
+  TableRowComponent
+};

package/dist/features/parameters/common/parameter-table-field/parameter-table-field.d.ts

@@ -0,0 +1,11 @@
+import { SxProps, TooltipProps } from '@mui/material';
+import { FieldValues } from 'react-hook-form';
+import { DndTableProps } from '../../../../components/composite/dnd-table';
+export type ParameterDndTableFieldProps = {
+    label?: string;
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    sxContainerProps?: SxProps;
+    isValidRow?: (rowData: FieldValues) => boolean;
+    onChange?: () => void;
+} & Omit<DndTableProps, 'useFieldArrayOutput' | 'onChange' | 'onDelete'>;
+export declare function ParameterTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, onChange, isValidRow, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react/jsx-runtime").JSX.Element;

package/dist/features/parameters/common/parameter-table-field/parameter-table-field.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Typography } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useFieldArray, useFormContext } from "react-hook-form";
+import { Info } from "@mui/icons-material";
+import { useRef, useMemo, useCallback } from "react";
+import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
+import { DndTable } from "../../../../components/composite/dnd-table-v2/dnd-table.js";
+import { getDefaultRowData } from "../../../../components/composite/dnd-table-v2/dnd-table-utils.js";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.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 "../../../../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";
+function ParameterTableField({
+  name,
+  label,
+  columnsDefinition,
+  tooltipProps,
+  sxContainerProps,
+  onChange,
+  isValidRow,
+  ...otherProps
+}) {
+  const useFieldArrayOutput = useFieldArray({
+    name
+  });
+  const { getValues } = useFormContext();
+  const validRowCountRef = useRef(
+    getValues(name)?.filter((row) => isValidRow ? isValidRow(row) : true).length
+  );
+  const newDefaultRowData = useMemo(() => {
+    return getDefaultRowData(columnsDefinition);
+  }, [columnsDefinition]);
+  const createRows = useCallback(
+    (numberOfRows) => Array.from({ length: numberOfRows }, () => ({ ...newDefaultRowData })),
+    [newDefaultRowData]
+  );
+  const { title, ...otherTooltipProps } = tooltipProps || {};
+  const handleOnChange = useCallback(
+    (changedRow) => {
+      const currentValidRowCount = getValues(name).filter(
+        (row) => isValidRow ? isValidRow(row) : true
+      ).length;
+      const previousValidRowCount = validRowCountRef.current;
+      validRowCountRef.current = currentValidRowCount;
+      if (isValidRow ? isValidRow(changedRow) : true) {
+        onChange?.();
+      } else if (previousValidRowCount !== currentValidRowCount) {
+        onChange?.();
+      }
+    },
+    [isValidRow, onChange, getValues, name]
+  );
+  const handleOnDelete = useCallback(
+    (removedRows) => {
+      const wasValidRowCount = removedRows.filter(
+        (row) => isValidRow ? isValidRow(row) : true
+      ).length;
+      if (wasValidRowCount > 0) {
+        validRowCountRef.current -= wasValidRowCount;
+        onChange?.();
+      }
+    },
+    [isValidRow, onChange]
+  );
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, children: [
+    label && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+      tooltipProps && /* @__PURE__ */ jsx(
+        CustomTooltip,
+        {
+          title: typeof title === "string" ? /* @__PURE__ */ jsx(FormattedMessage, { id: title }) : title,
+          sx: { marginLeft: 1 },
+          ...otherTooltipProps,
+          children: /* @__PURE__ */ jsx(Info, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DndTable,
+      {
+        name,
+        useFieldArrayOutput,
+        columnsDefinition,
+        createRows,
+        withAddRowsDialog: false,
+        onChange: handleOnChange,
+        onDelete: handleOnDelete,
+        ...otherProps
+      }
+    )
+  ] });
+}
+export {
+  ParameterTableField
+};

package/dist/features/parameters/common/parameters-creation-dialog.js

@@ -0,0 +1,87 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import "react-intl";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import { createParameter, updateParameter } from "../../../services/explore.js";
+import "@mui/material";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "react-hook-form";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { ElementSaveDialog } from "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+function CreateParameterDialog({
+  studyUuid,
+  open,
+  onClose,
+  parameterValues,
+  parameterType,
+  parameterFormatter
+}) {
+  const { snackError, snackInfo } = useSnackMessage();
+  const saveParameters = useCallback(
+    (element) => {
+      createParameter(
+        parameterFormatter(parameterValues()),
+        element.name,
+        parameterType,
+        element.description,
+        element.folderId
+      ).then(() => {
+        snackInfo({
+          headerId: "paramsCreationMsg",
+          headerValues: {
+            directory: element.folderName
+          }
+        });
+      }).catch((error) => {
+        snackWithFallback(snackError, error, { headerId: "paramsCreatingError" });
+      });
+    },
+    [parameterFormatter, parameterType, parameterValues, snackError, snackInfo]
+  );
+  const updateParameters = ({ id, name, description, elementFullPath }) => {
+    updateParameter(id, parameterFormatter(parameterValues()), name, parameterType, description).then(() => {
+      snackInfo({
+        headerId: "paramsUpdateMsg",
+        headerValues: {
+          item: elementFullPath
+        }
+      });
+    }).catch((error) => {
+      snackWithFallback(snackError, error, {
+        headerId: "paramsUpdateError",
+        headerValues: {
+          item: elementFullPath
+        }
+      });
+    });
+  };
+  return studyUuid && /* @__PURE__ */ jsx(
+    ElementSaveDialog,
+    {
+      open,
+      onClose,
+      onSave: saveParameters,
+      OnUpdate: updateParameters,
+      type: parameterType,
+      titleId: "saveParameters",
+      studyUuid,
+      selectorTitleId: "showSelectParameterDialog",
+      createLabelId: "createParameterLabel",
+      updateLabelId: "updateParameterLabel"
+    }
+  );
+}
+export {
+  CreateParameterDialog
+};

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table-cell.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { TableCell } from "@mui/material";
+import { VOLTAGE_LEVEL } from "../constants.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+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";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { RawReadOnlyInput } from "../../../../components/ui/reactHookForm/RawReadOnlyInput.js";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { FloatInput } from "../../../../components/ui/reactHookForm/numbers/FloatInput.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";
+function CustomVoltageLevelTableCell({
+  formName,
+  rowIndex,
+  column
+}) {
+  return /* @__PURE__ */ jsx(TableCell, { sx: { fontWeight: "bold" }, children: column.dataKey === VOLTAGE_LEVEL ? /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${formName}[${rowIndex}].${column.dataKey}` }) : /* @__PURE__ */ jsx(FloatInput, { name: `${formName}[${rowIndex}].${column.dataKey}` }) });
+}
+export {
+  CustomVoltageLevelTableCell
+};

package/dist/features/parameters/common/voltage-level-table/custom-voltage-level-table.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
+import { useFieldArray } from "react-hook-form";
+import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
+import { LIMIT_REDUCTIONS_FORM } from "../limitreductions/columns-definitions.js";
+import { LimitReductionTableRow } from "../limitreductions/limit-reduction-table-row.js";
+import { CustomVoltageLevelTableRow } from "./custom-voltage-level-table-row.js";
+function CustomVoltageLevelTable({
+  formName,
+  columnsDefinition,
+  tableHeight,
+  limits
+}) {
+  const { fields: rows } = useFieldArray({
+    name: formName
+  });
+  return /* @__PURE__ */ jsx(
+    TableContainer,
+    {
+      sx: {
+        height: tableHeight,
+        width: "inherit",
+        border: "solid 0px rgba(0,0,0,0.1)"
+      },
+      children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: { tableLayout: "fixed" }, children: [
+        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            sx: {
+              textAlign: "center"
+            },
+            children: column.label
+          },
+          column.dataKey
+        ) })) }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: rows.map(
+          (row, index) => formName === LIMIT_REDUCTIONS_FORM && limits ? /* @__PURE__ */ jsx(
+            LimitReductionTableRow,
+            {
+              columnsDefinition,
+              index,
+              limits
+            },
+            `${row.id}`
+          ) : /* @__PURE__ */ jsx(
+            CustomVoltageLevelTableRow,
+            {
+              columnsDefinition,
+              index,
+              formName
+            },
+            `${row.id}`
+          )
+        ) })
+      ] })
+    }
+  );
+}
+export {
+  CustomVoltageLevelTable
+};