@gridsuite/commons-ui 0.98.0 → 0.99.0

package/dist/components/parameters/common/limitreductions/columns-definitions.js

@@ -0,0 +1,83 @@
+import "../../../../utils/yupConfig.js";
+import { PARAM_SA_PROVIDER, 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_FLOW_PROPORTIONAL_THRESHOLD } from "../constant.js";
+import * as yup from "yup";
+const LIMIT_REDUCTIONS_FORM = "limitReductionsForm";
+const VOLTAGE_LEVELS_FORM = "voltageLevelsForm";
+const IST_FORM = "istForm";
+const LIMIT_DURATION_FORM = "limitReductionForm";
+var TabValues = /* @__PURE__ */ ((TabValues2) => {
+  TabValues2[TabValues2["General"] = 0] = "General";
+  TabValues2[TabValues2["LimitReductions"] = 1] = "LimitReductions";
+  return TabValues2;
+})(TabValues || {});
+const TAB_INFO = [
+  { label: TabValues[
+    0
+    /* General */
+  ], developerModeOnly: false },
+  { label: TabValues[
+    1
+    /* LimitReductions */
+  ], developerModeOnly: false }
+];
+const COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS = [
+  {
+    label: "voltageRange",
+    dataKey: VOLTAGE_LEVELS_FORM,
+    tooltip: "voltageRange"
+  },
+  {
+    label: "IST",
+    dataKey: IST_FORM,
+    tooltip: "IST"
+  }
+];
+const getLimitDurationsFormSchema = (nbLimits) => {
+  const limitDurationsFormSchema = {};
+  for (let i = 0; i < nbLimits; i++) {
+    limitDurationsFormSchema[LIMIT_DURATION_FORM + i] = yup.number().min(0, "RealPercentage").max(1, "RealPercentage").nullable().required();
+  }
+  return limitDurationsFormSchema;
+};
+const getLimitReductionsFormSchema = (nbTemporaryLimits) => {
+  return yup.object().shape({
+    [LIMIT_REDUCTIONS_FORM]: yup.array().of(
+      yup.object().shape({
+        [VOLTAGE_LEVELS_FORM]: yup.string(),
+        [IST_FORM]: yup.number().min(0, "RealPercentage").max(1, "RealPercentage").nullable().required(),
+        ...getLimitDurationsFormSchema(nbTemporaryLimits)
+      })
+    )
+  }).required();
+};
+const getSAParametersFromSchema = (limitReductions) => {
+  const providerSchema = yup.object().shape({
+    [PARAM_SA_PROVIDER]: yup.string().required()
+  });
+  const limitReductionsSchema = getLimitReductionsFormSchema(
+    (limitReductions == null ? void 0 : limitReductions.length) ? limitReductions[0].temporaryLimitReductions.length : 0
+  );
+  const thresholdsSchema = yup.object().shape({
+    [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: yup.number().min(0, "NormalizedPercentage").max(100, "NormalizedPercentage").required(),
+    [PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD]: yup.number().min(0, "NormalizedPercentage").max(100, "NormalizedPercentage").required(),
+    [PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD]: yup.number().required(),
+    [PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD]: yup.number().min(0, "NormalizedPercentage").max(100, "NormalizedPercentage").required(),
+    [PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD]: yup.number().required()
+  });
+  return yup.object().shape({
+    ...providerSchema.fields,
+    ...limitReductionsSchema.fields,
+    ...thresholdsSchema.fields
+  });
+};
+export {
+  COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
+  IST_FORM,
+  LIMIT_DURATION_FORM,
+  LIMIT_REDUCTIONS_FORM,
+  TAB_INFO,
+  TabValues,
+  VOLTAGE_LEVELS_FORM,
+  getLimitReductionsFormSchema,
+  getSAParametersFromSchema
+};

package/dist/components/parameters/common/limitreductions/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+export * from './columns-definitions';
+export * from './limit-reductions-form-util';
+export * from './limit-reductions-table-form';
+export * from './limit-reduction-table-row';
+export * from './limit-reduction-table-cell';

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

@@ -0,0 +1,21 @@
+import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, TAB_INFO, TabValues, VOLTAGE_LEVELS_FORM, getLimitReductionsFormSchema, getSAParametersFromSchema } from "./columns-definitions.js";
+import { toFormValueSaParameters, toFormValuesLimitReductions } from "./limit-reductions-form-util.js";
+import { LimitReductionsTableForm } from "./limit-reductions-table-form.js";
+import { LimitReductionTableRow } from "./limit-reduction-table-row.js";
+import { LimitReductionTableCell } from "./limit-reduction-table-cell.js";
+export {
+  COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
+  IST_FORM,
+  LIMIT_DURATION_FORM,
+  LIMIT_REDUCTIONS_FORM,
+  LimitReductionTableCell,
+  LimitReductionTableRow,
+  LimitReductionsTableForm,
+  TAB_INFO,
+  TabValues,
+  VOLTAGE_LEVELS_FORM,
+  getLimitReductionsFormSchema,
+  getSAParametersFromSchema,
+  toFormValueSaParameters,
+  toFormValuesLimitReductions
+};

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

@@ -0,0 +1,5 @@
+import { IColumnsDef } from './columns-definitions';
+export declare function LimitReductionTableCell({ rowIndex, column }: Readonly<{
+    rowIndex: number;
+    column: IColumnsDef;
+}>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { TableCell } from "@mui/material";
+import { VOLTAGE_LEVELS_FORM, LIMIT_REDUCTIONS_FORM } from "./columns-definitions.js";
+import "react-intl";
+import "@mui/icons-material";
+import "react";
+import "react-hook-form";
+import { RawReadOnlyInput } from "../../../inputs/reactHookForm/RawReadOnlyInput.js";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "notistack";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+function LimitReductionTableCell({ rowIndex, column }) {
+  return /* @__PURE__ */ jsx(TableCell, { sx: { fontWeight: "bold" }, children: column.dataKey === VOLTAGE_LEVELS_FORM ? /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}` }) : /* @__PURE__ */ jsx(FloatInput, { name: `${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}` }) });
+}
+export {
+  LimitReductionTableCell
+};

package/dist/components/parameters/common/limitreductions/limit-reduction-table-row.d.ts

@@ -0,0 +1,7 @@
+import { IColumnsDef } from './columns-definitions';
+interface TableRowComponentProps {
+    columnsDefinition: IColumnsDef[];
+    index: number;
+}
+export declare function LimitReductionTableRow({ columnsDefinition, index }: Readonly<TableRowComponentProps>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { TableRow } from "@mui/material";
+import { LimitReductionTableCell } from "./limit-reduction-table-cell.js";
+function LimitReductionTableRow({ columnsDefinition, index }) {
+  return /* @__PURE__ */ jsx(TableRow, { children: columnsDefinition.map((column) => /* @__PURE__ */ jsx(LimitReductionTableCell, { rowIndex: index, column }, `${column.dataKey}`)) });
+}
+export {
+  LimitReductionTableRow
+};

package/dist/components/parameters/common/limitreductions/limit-reductions-form-util.d.ts

@@ -0,0 +1,29 @@
+import { ILimitReductionsByVoltageLevel, ISAParameters } from './columns-definitions';
+export declare const toFormValuesLimitReductions: (limits: ILimitReductionsByVoltageLevel[]) => {
+    limitReductionsForm?: undefined;
+} | {
+    limitReductionsForm: {
+        voltageLevelsForm: string;
+        istForm: number;
+    }[];
+};
+export declare const toFormValueSaParameters: (params: ISAParameters) => {
+    flowProportionalThreshold: number;
+    lowVoltageProportionalThreshold: number;
+    lowVoltageAbsoluteThreshold: number;
+    highVoltageProportionalThreshold: number;
+    highVoltageAbsoluteThreshold: number;
+    limitReductionsForm?: undefined;
+    provider: string;
+} | {
+    flowProportionalThreshold: number;
+    lowVoltageProportionalThreshold: number;
+    lowVoltageAbsoluteThreshold: number;
+    highVoltageProportionalThreshold: number;
+    highVoltageAbsoluteThreshold: number;
+    limitReductionsForm: {
+        voltageLevelsForm: string;
+        istForm: number;
+    }[];
+    provider: string;
+};

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

@@ -0,0 +1,27 @@
+import { LIMIT_REDUCTIONS_FORM, IST_FORM, VOLTAGE_LEVELS_FORM, LIMIT_DURATION_FORM } from "./columns-definitions.js";
+import { 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_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER } from "../constant.js";
+const toFormValuesFromTemporaryLimits = (limits) => limits.reduce((acc, limit, index) => {
+  acc[LIMIT_DURATION_FORM + index] = limit.reduction;
+  return acc;
+}, {});
+const toFormValuesLimitReductions = (limits) => !limits ? {} : {
+  [LIMIT_REDUCTIONS_FORM]: limits.map((vlLimits) => ({
+    [VOLTAGE_LEVELS_FORM]: `${vlLimits.voltageLevel.nominalV} kV`,
+    [IST_FORM]: vlLimits.permanentLimitReduction,
+    ...toFormValuesFromTemporaryLimits(vlLimits.temporaryLimitReductions)
+  }))
+};
+const toFormValueSaParameters = (params) => ({
+  [PARAM_SA_PROVIDER]: params[PARAM_SA_PROVIDER],
+  ...toFormValuesLimitReductions(params == null ? void 0 : params.limitReductions),
+  // SA specific form values
+  [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: params[PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD] * 100,
+  [PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD]: params[PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD] * 100,
+  [PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD]: params[PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD],
+  [PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD]: params[PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD] * 100,
+  [PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD]: params[PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD]
+});
+export {
+  toFormValueSaParameters,
+  toFormValuesLimitReductions
+};

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

@@ -0,0 +1,4 @@
+import { ILimitReductionsByVoltageLevel } from './columns-definitions';
+export declare function LimitReductionsTableForm({ limits }: Readonly<{
+    limits: ILimitReductionsByVoltageLevel[];
+}>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,87 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useIntl } from "react-intl";
+import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM } from "./columns-definitions.js";
+import { CustomVoltageLevelTable } from "../voltage-level-table/custom-voltage-level-table.js";
+import "@mui/material";
+import "@mui/icons-material";
+import "react-hook-form";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "notistack";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+const getLabelColumn = (limit) => {
+  const lowBound = `${Math.trunc(limit.limitDuration.lowBound / 60)} min`;
+  const highBoundValue = Math.trunc(limit.limitDuration.highBound / 60);
+  const highBound = highBoundValue === 0 ? "∞" : `${Math.trunc(limit.limitDuration.highBound / 60)} min`;
+  const lowerBoundClosed = limit.limitDuration.lowClosed ? "[" : "]";
+  const highBoundClosed = limit.limitDuration.highClosed || null ? "]" : "[";
+  return `${lowerBoundClosed}${lowBound}, ${highBound}${highBoundClosed}`;
+};
+function LimitReductionsTableForm({ limits }) {
+  const intl = useIntl();
+  const getToolTipColumn = useCallback(
+    (limit) => {
+      const lowBound = Math.trunc(limit.limitDuration.lowBound / 60);
+      const highBound = Math.trunc(limit.limitDuration.highBound / 60);
+      if (lowBound === 0) {
+        return intl.formatMessage({ id: "LimitDurationAfterIST" }, { value: highBound });
+      }
+      return intl.formatMessage(
+        { id: "LimitDurationInterval" },
+        {
+          lowBound: `IT${lowBound}`,
+          highBound: highBound === 0 ? "IST" : `IT${highBound}`
+        }
+      );
+    },
+    [intl]
+  );
+  const columnsDefinition = useMemo(() => {
+    const columnsDef = COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS.map((column) => ({
+      ...column,
+      label: intl.formatMessage({ id: column.label }),
+      tooltip: intl.formatMessage({ id: column.tooltip })
+    }));
+    if (limits !== null && limits.length > 0) {
+      limits[0].temporaryLimitReductions.forEach((tlimit, index) => {
+        columnsDef.push({
+          label: getLabelColumn(tlimit),
+          dataKey: LIMIT_DURATION_FORM + index,
+          tooltip: getToolTipColumn(tlimit)
+        });
+      });
+    }
+    return columnsDef;
+  }, [intl, limits, getToolTipColumn]);
+  return /* @__PURE__ */ jsx(
+    CustomVoltageLevelTable,
+    {
+      formName: LIMIT_REDUCTIONS_FORM,
+      columnsDefinition,
+      tableHeight: 450
+    }
+  );
+}
+export {
+  LimitReductionsTableForm
+};

package/dist/components/parameters/common/line-separator.d.ts

@@ -0,0 +1 @@
+export declare function LineSeparator(): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/common/line-separator.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { Grid, Divider } from "@mui/material";
+function LineSeparator() {
+  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Divider, {}) });
+}
+export {
+  LineSeparator
+};

package/dist/components/parameters/common/parameters-creation-dialog.d.ts

@@ -0,0 +1,13 @@
+import { FieldValues, UseFormGetValues } from 'react-hook-form';
+import { UUID } from 'crypto';
+import { ElementType } from '../../../utils';
+interface CreateParameterProps<T extends FieldValues> {
+    studyUuid: UUID | null;
+    open: boolean;
+    onClose: () => void;
+    parameterValues: UseFormGetValues<T> | any;
+    parameterType: ElementType;
+    parameterFormatter: (newParams: any) => any;
+}
+export declare function CreateParameterDialog<T extends FieldValues>({ studyUuid, open, onClose, parameterValues, parameterType, parameterFormatter, }: Readonly<CreateParameterProps<T>>): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,88 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import "react-intl";
+import "../../../utils/types/equipmentType.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 "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { ElementSaveDialog } from "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "@mui/icons-material";
+import "../../treeViewFinder/TreeViewFinder.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) => {
+        console.error(error);
+        snackError({
+          messageTxt: error.message,
+          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) => {
+      console.error(error);
+      snackError({
+        messageTxt: error.message,
+        headerId: "paramsUpdatingError",
+        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/components/parameters/common/parameters.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps, TypographyProps } from '@mui/material';
+interface LabelledButtonProps extends ButtonProps {
+    callback: React.MouseEventHandler<HTMLButtonElement>;
+    label: string;
+}
+export declare function LabelledButton({ callback, label, ...props }: Readonly<LabelledButtonProps>): import("react/jsx-runtime").JSX.Element;
+interface SwitchWithLabelProps {
+    value: boolean;
+    label: string;
+    callback?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+}
+export declare function SwitchWithLabel({ value, label, callback }: Readonly<SwitchWithLabelProps>): import("react/jsx-runtime").JSX.Element;
+interface TabPanelProps<T> extends TypographyProps {
+    value: T;
+    index: T;
+    keepState?: boolean;
+}
+export declare function TabPanel<T>(props: PropsWithChildren<TabPanelProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { Button, Grid, Switch, Typography, Box } from "@mui/material";
+import { parametersStyles } from "../parameters-style.js";
+function LabelledButton({ callback, label, ...props }) {
+  return /* @__PURE__ */ jsx(Button, { onClick: callback, ...props, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) });
+}
+function SwitchWithLabel({ value, label, callback }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: value,
+        onChange: callback,
+        value,
+        inputProps: { "aria-label": "primary checkbox" }
+      }
+    ) })
+  ] });
+}
+function TabPanel(props) {
+  const { children, value, index, keepState, ...other } = props;
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "div",
+      role: "tabpanel",
+      hidden: value !== index,
+      id: `simple-tabpanel-${index}`,
+      "aria-labelledby": `simple-tab-${index}`,
+      style: { flexGrow: 1 },
+      ...other,
+      children: (value === index || keepState) && /* @__PURE__ */ jsx(Box, { sx: parametersStyles.panel, children })
+    }
+  );
+}
+export {
+  LabelledButton,
+  SwitchWithLabel,
+  TabPanel
+};

package/dist/components/parameters/common/voltage-level-table/custom-voltage-level-table-cell.d.ts

@@ -0,0 +1,6 @@
+import { IColumnsDef } from '../limitreductions/columns-definitions';
+export declare function CustomVoltageLevelTableCell({ formName, rowIndex, column, }: Readonly<{
+    formName: string;
+    rowIndex: number;
+    column: IColumnsDef;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/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 "../constant.js";
+import "react-intl";
+import "@mui/icons-material";
+import "react";
+import "react-hook-form";
+import { RawReadOnlyInput } from "../../../inputs/reactHookForm/RawReadOnlyInput.js";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "notistack";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+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/components/parameters/common/voltage-level-table/custom-voltage-level-table-row.d.ts

@@ -0,0 +1,8 @@
+import { IColumnsDef } from '../limitreductions/columns-definitions';
+interface TableRowComponentProps {
+    formName: string;
+    columnsDefinition: IColumnsDef[];
+    index: number;
+}
+export declare function CustomVoltageLevelTableRow({ formName, columnsDefinition, index }: Readonly<TableRowComponentProps>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { TableRow } from "@mui/material";
+import { CustomVoltageLevelTableCell } from "./custom-voltage-level-table-cell.js";
+function CustomVoltageLevelTableRow({ formName, columnsDefinition, index }) {
+  return /* @__PURE__ */ jsx(TableRow, { children: columnsDefinition.map((column) => /* @__PURE__ */ jsx(
+    CustomVoltageLevelTableCell,
+    {
+      formName,
+      rowIndex: index,
+      column
+    },
+    `${column.dataKey}`
+  )) });
+}
+export {
+  CustomVoltageLevelTableRow
+};

package/dist/components/parameters/common/voltage-level-table/custom-voltage-level-table.d.ts

@@ -0,0 +1,8 @@
+import { IColumnsDef } from '../limitreductions/columns-definitions';
+interface LimitReductionsTableProps {
+    columnsDefinition: IColumnsDef[];
+    tableHeight: number;
+    formName: string;
+}
+export declare function CustomVoltageLevelTable({ formName, columnsDefinition, tableHeight, }: Readonly<LimitReductionsTableProps>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
+import { useMemo } from "react";
+import { useFieldArray } from "react-hook-form";
+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
+}) {
+  const { fields: rows } = useFieldArray({
+    name: formName
+  });
+  const TableRowComponent = useMemo(
+    () => formName === LIMIT_REDUCTIONS_FORM ? LimitReductionTableRow : CustomVoltageLevelTableRow,
+    [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(
+          TableCell,
+          {
+            sx: {
+              textAlign: "center"
+            },
+            title: column.tooltip,
+            children: column.label
+          },
+          column.dataKey
+        )) }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(
+          TableRowComponent,
+          {
+            columnsDefinition,
+            index,
+            formName
+          },
+          `${row.id}`
+        )) })
+      ] })
+    }
+  );
+}
+export {
+  CustomVoltageLevelTable
+};