@gridsuite/commons-ui 0.214.0 → 0.216.0

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,115 @@
+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 "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,86 @@
+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 { 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/utils.d.ts

@@ -0,0 +1,23 @@
+import { UseFormReturn } from 'react-hook-form';
+import { SpecificParameterInfos, SpecificParametersDescription, SpecificParametersValues } from '../../../utils';
+import * as yup from 'yup';
+export declare const getSpecificParametersFormSchema: (specificParameters: SpecificParameterInfos[] | undefined) => yup.ObjectSchema<{
+    specificParametersPerProvider: {};
+}, yup.AnyObject, {
+    specificParametersPerProvider: {
+        [x: string]: any;
+    };
+}, "">;
+export declare const getDefaultSpecificParamsValues: (specificParametersDescriptionForProvider: SpecificParameterInfos[]) => SpecificParametersValues;
+export declare const formatSpecificParameters: (specificParametersDescriptionForProvider: SpecificParameterInfos[], specificParamsList: SpecificParametersValues) => SpecificParametersValues;
+export declare const getAllSpecificParametersValues: (formData: Record<string, any>, _specificParametersValues: SpecificParametersValues) => SpecificParametersValues;
+export declare const setSpecificParameters: (provider: string, specificParamsDescriptions: SpecificParametersDescription | null, formMethods: UseFormReturn) => void;
+export type UseComputationParametersFormReturn = {
+    formMethods: UseFormReturn;
+    formSchema: yup.ObjectSchema<any>;
+    paramsLoaded: boolean;
+    formattedProviders: {
+        id: string;
+        label: string;
+    }[];
+};

package/dist/features/parameters/common/utils.js

@@ -0,0 +1,88 @@
+import * as yup from "yup";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import { ParameterType } from "../../../utils/types/parameters.type.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+import { SPECIFIC_PARAMETERS } from "./constants.js";
+const getSpecificParametersFormSchema = (specificParameters) => {
+  const shape = {};
+  specificParameters?.forEach((param) => {
+    switch (param.type) {
+      case ParameterType.STRING:
+        shape[param.name] = yup.string().required();
+        break;
+      case ParameterType.DOUBLE:
+        shape[param.name] = yup.number().required();
+        break;
+      case ParameterType.INTEGER:
+        shape[param.name] = yup.number().required();
+        break;
+      case ParameterType.BOOLEAN:
+        shape[param.name] = yup.boolean().required();
+        break;
+      case ParameterType.STRING_LIST:
+        shape[param.name] = yup.array().of(yup.string()).required();
+        break;
+      default:
+        shape[param.name] = yup.mixed().required();
+    }
+  });
+  return yup.object().shape({
+    [SPECIFIC_PARAMETERS]: yup.object().shape(shape)
+  });
+};
+const getDefaultSpecificParamsValues = (specificParametersDescriptionForProvider) => {
+  return specificParametersDescriptionForProvider.reduce(
+    (acc, param) => {
+      if (param.type === ParameterType.STRING_LIST && param.defaultValue === null) {
+        acc[param.name] = [];
+      } else if ((param.type === ParameterType.DOUBLE || param.type === ParameterType.INTEGER) && Number.isNaN(Number(param.defaultValue))) {
+        acc[param.name] = 0;
+      } else {
+        acc[param.name] = param.defaultValue;
+      }
+      return acc;
+    },
+    {}
+  );
+};
+const formatSpecificParameters = (specificParametersDescriptionForProvider, specificParamsList) => {
+  return specificParametersDescriptionForProvider.reduce(
+    (acc, param) => {
+      if (specificParamsList && Object.hasOwn(specificParamsList, param.name)) {
+        if (param.type === ParameterType.BOOLEAN) {
+          acc[param.name] = specificParamsList[param.name] === "true";
+        } else if (param.type === ParameterType.STRING_LIST) {
+          acc[param.name] = specificParamsList[param.name] === "" ? [] : specificParamsList[param.name].split(",");
+        } else {
+          acc[param.name] = specificParamsList[param.name];
+        }
+      } else {
+        acc[param.name] = getDefaultSpecificParamsValues([param])?.[param.name];
+      }
+      return acc;
+    },
+    {}
+  );
+};
+const getAllSpecificParametersValues = (formData, _specificParametersValues) => {
+  return Object.keys(formData[SPECIFIC_PARAMETERS]).reduce((acc, key) => {
+    if (_specificParametersValues[key].toString() !== formData[SPECIFIC_PARAMETERS][key].toString()) {
+      acc[key] = formData[SPECIFIC_PARAMETERS][key].toString();
+    }
+    return acc;
+  }, {});
+};
+const setSpecificParameters = (provider, specificParamsDescriptions, formMethods) => {
+  const specificParams = provider ? specificParamsDescriptions?.[provider] ?? [] : [];
+  const specificParamsValues = getDefaultSpecificParamsValues(specificParams);
+  formMethods.setValue(SPECIFIC_PARAMETERS, specificParamsValues);
+};
+export {
+  formatSpecificParameters,
+  getAllSpecificParametersValues,
+  getDefaultSpecificParamsValues,
+  getSpecificParametersFormSchema,
+  setSpecificParameters
+};

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

@@ -0,0 +1,42 @@
+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 "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
+};

package/dist/features/parameters/common/widget/parameter-float.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../../../../components/ui/tooltip/CustomTooltip.js";
+import "@mui/icons-material";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.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 { 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 ParameterFloat({
+  name,
+  label,
+  style,
+  adornment,
+  tooltip,
+  labelSize,
+  inputSize
+}) {
+  const content = /* @__PURE__ */ jsxs(Grid, { item: true, container: true, direction: "row", spacing: 1, paddingTop: 3, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: labelSize, sx: style, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: inputSize, children: /* @__PURE__ */ jsx(FloatInput, { name, adornment }) })
+  ] });
+  if (tooltip) {
+    return /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: tooltip }), children: content });
+  }
+  return content;
+}
+export {
+  ParameterFloat
+};

package/dist/features/parameters/common/widget/parameter-line-directory-items-input.js

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { parametersStyles } from "../../parameters-style.js";
+import "@mui/icons-material";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.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 "../../../../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/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+function ParameterLineDirectoryItemsInput({
+  label,
+  name,
+  equipmentTypes,
+  elementType,
+  hideErrorMessage,
+  allowMultiSelect = true
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { item: true, container: true, spacing: 1, paddingTop: 1, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 7, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 5, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+      DirectoryItemsInput,
+      {
+        name,
+        equipmentTypes,
+        elementType,
+        titleId: label,
+        hideErrorMessage,
+        label: void 0,
+        itemFilter: void 0,
+        allowMultiSelect
+      }
+    ) })
+  ] });
+}
+export {
+  ParameterLineDirectoryItemsInput
+};

package/dist/features/parameters/common/widget/parameter-line-slider.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { parametersStyles } from "../../parameters-style.js";
+import "@mui/icons-material";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.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 "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { SliderInput } from "../../../../components/ui/reactHookForm/numbers/SliderInput.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 sanitizePercentageValue(value) {
+  return Math.round(value * 10) / 10;
+}
+const styles = {
+  container: {
+    ...parametersStyles.controlItem,
+    paddingTop: 3,
+    paddingRight: 3
+  }
+};
+function ParameterLineSlider({
+  name,
+  label,
+  marks,
+  disabled = false,
+  minValue = 0,
+  maxValue = 100
+}) {
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: styles.container, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SliderInput,
+      {
+        name,
+        min: minValue,
+        max: maxValue,
+        valueLabelDisplay: "auto",
+        step: 0.01,
+        size: "medium",
+        disabled: disabled ?? false,
+        marks,
+        valueLabelFormat: (value) => sanitizePercentageValue(value * 100)
+      }
+    ) })
+  ] });
+}
+export {
+  ParameterLineSlider,
+  sanitizePercentageValue
+};