@gridsuite/commons-ui 0.165.2 → 0.167.0

package/dist/components/parameters/common/contingency-table/columns-definitions.js

@@ -0,0 +1,102 @@
+import { DESCRIPTION, ACTIVATED, ID, NAME } from "../parameter-table/constants.js";
+import "react/jsx-runtime";
+import "@mui/material";
+import "@mui/icons-material";
+import "react";
+import "react-intl";
+import "react-hook-form";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import { ElementType } from "../../../../utils/types/elementType.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 "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import * as yup from "yup";
+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 "@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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.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";
+import { CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS } from "../constants.js";
+const COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS = [
+  {
+    label: "ContingencyLists",
+    dataKey: CONTINGENCY_LISTS,
+    initialValue: [],
+    editable: true,
+    directoryItems: true,
+    elementType: ElementType.CONTINGENCY_LIST,
+    titleId: "ContingencyListsSelection"
+  },
+  {
+    label: "description",
+    dataKey: DESCRIPTION,
+    initialValue: "",
+    editable: true,
+    descriptionItems: true,
+    width: "8rem"
+  },
+  {
+    label: "Active",
+    dataKey: ACTIVATED,
+    initialValue: true,
+    checkboxItems: true,
+    editable: true,
+    width: "4rem"
+  }
+];
+const ParamContingencyLists = {
+  columnsDef: COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
+  name: CONTINGENCY_LISTS_INFOS
+};
+const getContingencyListsInfosFormSchema = () => {
+  return yup.object().shape({
+    [CONTINGENCY_LISTS_INFOS]: yup.array().of(
+      yup.object().shape({
+        [CONTINGENCY_LISTS]: yup.array().of(
+          yup.object().shape({
+            [ID]: yup.string().required(),
+            [NAME]: yup.string().required()
+          })
+        ).required().min(1, "FieldIsRequired"),
+        [DESCRIPTION]: yup.string(),
+        [ACTIVATED]: yup.boolean().required()
+      })
+    )
+  }).required();
+};
+const toFormValuesContingencyListsInfos = (contingencyListsInfos) => {
+  return {
+    [CONTINGENCY_LISTS_INFOS]: contingencyListsInfos?.map((contingencyListInfos) => ({
+      [CONTINGENCY_LISTS]: contingencyListInfos[CONTINGENCY_LISTS]?.map((c) => ({
+        [NAME]: c[NAME],
+        [ID]: c[ID]
+      })),
+      [DESCRIPTION]: contingencyListInfos[DESCRIPTION],
+      [ACTIVATED]: contingencyListInfos[ACTIVATED]
+    }))
+  };
+};
+export {
+  COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
+  ParamContingencyLists,
+  getContingencyListsInfosFormSchema,
+  toFormValuesContingencyListsInfos
+};

package/dist/components/parameters/common/contingency-table/contingency-table.d.ts

@@ -0,0 +1,5 @@
+import { UUID } from 'node:crypto';
+export declare function ContingencyTable({ showContingencyCount, fetchContingencyCount, }: Readonly<{
+    showContingencyCount: boolean;
+    fetchContingencyCount?: (contingencyLists: UUID[] | null) => Promise<number>;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/common/contingency-table/contingency-table.js

@@ -0,0 +1,81 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Alert } from "@mui/material";
+import { useState, useCallback, useEffect } from "react";
+import { useIntl, FormattedMessage } from "react-intl";
+import { useWatch } from "react-hook-form";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { useCreateRowData } from "../../../../hooks/use-create-row-data.js";
+import { ACTIVATED, ID } from "../parameter-table/constants.js";
+import { ParameterTable } from "../parameter-table/parameter-table.js";
+import { CONTINGENCY_LISTS_INFOS, CONTINGENCY_LISTS } from "../constants.js";
+import { ParamContingencyLists, COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS } from "./columns-definitions.js";
+function ContingencyTable({
+  showContingencyCount = false,
+  fetchContingencyCount
+}) {
+  const intl = useIntl();
+  const [simulatedContingencyCount, setSimulatedContingencyCount] = useState(0);
+  const [rowData, useFieldArrayOutput] = useCreateRowData(ParamContingencyLists);
+  const contingencyListsInfos = useWatch({ name: CONTINGENCY_LISTS_INFOS });
+  const getColumnsDefinition = useCallback(
+    (columns) => {
+      if (columns) {
+        return columns.map((column) => ({
+          ...column,
+          label: intl.formatMessage({ id: column.label })
+        }));
+      }
+      return [];
+    },
+    [intl]
+  );
+  useEffect(() => {
+    if (showContingencyCount) {
+      if (!contingencyListsInfos || contingencyListsInfos.length === 0) {
+        setSimulatedContingencyCount(null);
+        return;
+      }
+      fetchContingencyCount?.(
+        contingencyListsInfos.filter((lists) => lists[ACTIVATED]).flatMap((lists) => lists[CONTINGENCY_LISTS]?.map((contingencyList) => contingencyList[ID]))
+      ).then((contingencyCount) => {
+        setSimulatedContingencyCount(contingencyCount);
+      }).catch(() => {
+        setSimulatedContingencyCount(null);
+      });
+    }
+  }, [contingencyListsInfos, fetchContingencyCount, showContingencyCount]);
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 0, sx: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx(
+      ParameterTable,
+      {
+        arrayFormName: CONTINGENCY_LISTS_INFOS,
+        useFieldArrayOutput,
+        columnsDefinition: getColumnsDefinition(COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS),
+        tableHeight: 270,
+        createRows: rowData,
+        onFormChanged: () => {
+        },
+        isValidParameterRow: (row) => row[CONTINGENCY_LISTS]?.length > 0
+      }
+    ),
+    showContingencyCount && /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "info", children: /* @__PURE__ */ jsx(
+      FormattedMessage,
+      {
+        id: "xContingenciesWillBeSimulated",
+        values: {
+          x: simulatedContingencyCount ?? "..."
+        }
+      }
+    ) })
+  ] });
+}
+export {
+  ContingencyTable
+};

package/dist/components/parameters/common/contingency-table/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2026, 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 './contingency-table';
+export * from './columns-definitions';

package/dist/components/parameters/common/contingency-table/index.js

@@ -0,0 +1,9 @@
+import { ContingencyTable } from "./contingency-table.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./columns-definitions.js";
+export {
+  COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
+  ContingencyTable,
+  ParamContingencyLists,
+  getContingencyListsInfosFormSchema,
+  toFormValuesContingencyListsInfos
+};

package/dist/components/parameters/common/contingency-table/types.d.ts

@@ -0,0 +1,12 @@
+import { UUID } from 'node:crypto';
+import { ACTIVATED, DESCRIPTION, ID, NAME } from '../parameter-table/constants';
+import { CONTINGENCY_LISTS } from '../constants';
+export interface IdName {
+    [ID]: UUID;
+    [NAME]: string;
+}
+export interface ContingencyListsInfos {
+    [CONTINGENCY_LISTS]: IdName[];
+    [DESCRIPTION]: string;
+    [ACTIVATED]: boolean;
+}

package/dist/components/parameters/common/contingency-table/types.js

@@ -0,0 +1 @@
+

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

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './computing-type';
-export * from './constant';
+export * from './constants';
 export * from './parameters-edition-dialog-props';
 export * from './line-separator';
 export * from './parameters';

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

@@ -1,5 +1,5 @@
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./computing-type.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, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./constant.js";
+import { COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, 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, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./constants.js";
 import { LineSeparator } from "./line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters.js";
 import { CreateParameterDialog } from "./parameters-creation-dialog.js";
@@ -12,14 +12,16 @@ import { ParameterSwitch } from "./widget/parameter-switch.js";
 import { CustomVoltageLevelTable } from "./voltage-level-table/custom-voltage-level-table.js";
 import { CustomVoltageLevelTableCell } from "./voltage-level-table/custom-voltage-level-table-cell.js";
 import { CustomVoltageLevelTableRow } from "./voltage-level-table/custom-voltage-level-table-row.js";
-import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, TAB_INFO, TabValues, VOLTAGE_LEVELS_FORM, getLimitReductionsFormSchema, getSAParametersFromSchema } from "./limitreductions/columns-definitions.js";
-import { toFormValueSaParameters, toFormValuesLimitReductions } from "./limitreductions/limit-reductions-form-util.js";
+import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, TAB_INFO, TabValues, VOLTAGE_LEVELS_FORM, getLimitReductionsFormSchema, toFormValuesLimitReductions } from "./limitreductions/columns-definitions.js";
 import { LimitReductionsTableForm } from "./limitreductions/limit-reductions-table-form.js";
 import { LimitReductionTableRow } from "./limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./limitreductions/limit-reduction-table-cell.js";
 export {
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
   COMMON_PARAMETERS,
+  CONTINGENCIES,
+  CONTINGENCY_LISTS,
+  CONTINGENCY_LISTS_INFOS,
   ComputingType,
   CreateParameterDialog,
   CustomVoltageLevelTable,
@@ -56,9 +58,7 @@ export {
   VOLTAGE_LEVELS_FORM,
   formatComputingTypeLabel,
   getLimitReductionsFormSchema,
-  getSAParametersFromSchema,
   isValidComputingType,
   sanitizePercentageValue,
-  toFormValueSaParameters,
   toFormValuesLimitReductions
 };

package/dist/components/parameters/common/limitreductions/columns-definitions.d.ts

@@ -1,6 +1,4 @@
-import { UUID } from 'node:crypto';
 import { default as yup } from '../../../../utils/yupConfig';
-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 } from '../constant';
 export declare const LIMIT_REDUCTIONS_FORM = "limitReductionsForm";
 export declare const VOLTAGE_LEVELS_FORM = "voltageLevelsForm";
 export declare const IST_FORM = "istForm";
@@ -25,16 +23,6 @@ export interface ILimitReductionsByVoltageLevel {
     permanentLimitReduction: number;
     temporaryLimitReductions: ITemporaryLimitReduction[];
 }
-export interface ISAParameters {
-    uuid?: UUID;
-    [PARAM_SA_PROVIDER]: string;
-    limitReductions: ILimitReductionsByVoltageLevel[];
-    [PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD]: number;
-    [PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD]: number;
-    [PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD]: number;
-    [PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD]: number;
-    [PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD]: number;
-}
 export declare enum TabValues {
     'General' = 0,
     'LimitReductions' = 1
@@ -58,25 +46,11 @@ export declare const getLimitReductionsFormSchema: (nbTemporaryLimits: number) =
 }, yup.AnyObject, {
     limitReductionsForm: "";
 }, "">;
-export declare const getSAParametersFromSchema: (name: string | null, limitReductions?: ILimitReductionsByVoltageLevel[]) => yup.ObjectSchema<{
-    flowProportionalThreshold: unknown;
-    lowVoltageProportionalThreshold: unknown;
-    lowVoltageAbsoluteThreshold: unknown;
-    highVoltageProportionalThreshold: unknown;
-    highVoltageAbsoluteThreshold: unknown;
-    limitReductionsForm: unknown;
-    provider: unknown;
-} & {
-    name: string | null | undefined;
-    description: string | null | undefined;
-}, yup.AnyObject, {
-    flowProportionalThreshold: undefined;
-    lowVoltageProportionalThreshold: undefined;
-    lowVoltageAbsoluteThreshold: undefined;
-    highVoltageProportionalThreshold: undefined;
-    highVoltageAbsoluteThreshold: undefined;
-    limitReductionsForm: undefined;
-    provider: undefined;
-    name: undefined;
-    description: undefined;
-}, "">;
+export declare const toFormValuesLimitReductions: (limits: ILimitReductionsByVoltageLevel[]) => {
+    limitReductionsForm?: undefined;
+} | {
+    limitReductionsForm: {
+        voltageLevelsForm: string;
+        istForm: number;
+    }[];
+};

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

@@ -1,17 +1,5 @@
 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 "react/jsx-runtime";
-import "@mui/material";
-import "react";
-import "react-intl";
-import "@mui/icons-material";
-import "react-hook-form";
-import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import * as yup from "yup";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/types/equipmentType.js";
-import "../../../filter/HeaderFilterForm.js";
-import { getNameElementEditorSchema } from "../name-element-editor/name-element-editor-utils.js";
 const LIMIT_REDUCTIONS_FORM = "limitReductionsForm";
 const VOLTAGE_LEVELS_FORM = "voltageLevelsForm";
 const IST_FORM = "istForm";
@@ -61,25 +49,16 @@ const getLimitReductionsFormSchema = (nbTemporaryLimits) => {
     )
   }).required();
 };
-const getSAParametersFromSchema = (name, limitReductions) => {
-  const providerSchema = yup.object().shape({
-    [PARAM_SA_PROVIDER]: yup.string().required()
-  });
-  const limitReductionsSchema = getLimitReductionsFormSchema(
-    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
-  }).concat(getNameElementEditorSchema(name));
+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)
+  }))
 };
 export {
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
@@ -90,5 +69,5 @@ export {
   TabValues,
   VOLTAGE_LEVELS_FORM,
   getLimitReductionsFormSchema,
-  getSAParametersFromSchema
+  toFormValuesLimitReductions
 };

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

@@ -5,7 +5,6 @@
  * 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

@@ -1,5 +1,4 @@
-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 { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, TAB_INFO, TabValues, VOLTAGE_LEVELS_FORM, getLimitReductionsFormSchema, toFormValuesLimitReductions } from "./columns-definitions.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";
@@ -15,7 +14,5 @@ export {
   TabValues,
   VOLTAGE_LEVELS_FORM,
   getLimitReductionsFormSchema,
-  getSAParametersFromSchema,
-  toFormValueSaParameters,
   toFormValuesLimitReductions
 };

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

@@ -24,6 +24,11 @@ import "react-papaparse";
 import "react-csv-downloader";
 import { FloatInput } from "../../../inputs/reactHookForm/numbers/FloatInput.js";
 import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

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

@@ -23,6 +23,11 @@ import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

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

@@ -22,6 +22,11 @@ import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

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

@@ -0,0 +1,9 @@
+import { SxProps, TooltipProps } from '@mui/material';
+import { DndTableProps } from '../../dnd-table';
+export type ParameterDndTableFieldProps = {
+    name: string;
+    label: string;
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    sxContainerProps?: SxProps;
+} & Omit<DndTableProps, 'arrayFormName' | 'useFieldArrayOutput'>;
+export default function ParameterDndTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/common/parameter-dnd-table-field.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Typography, Tooltip } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useFieldArray } from "react-hook-form";
+import { Info } from "@mui/icons-material";
+import { useMemo, useCallback } from "react";
+import { DndTable } from "../../dnd-table/dnd-table.js";
+import "../../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 "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+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 "@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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.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 ParameterDndTableField({
+  name,
+  label,
+  columnsDefinition,
+  tooltipProps,
+  sxContainerProps,
+  ...otherProps
+}) {
+  const useFieldArrayOutput = useFieldArray({
+    name
+  });
+  const newDefaultRowData = useMemo(() => {
+    const newRowData = {};
+    columnsDefinition.forEach((columnDefinition) => {
+      newRowData[columnDefinition.dataKey] = columnDefinition.initialValue || null;
+    });
+    return newRowData;
+  }, [columnsDefinition]);
+  const createRows = useCallback(() => [newDefaultRowData], [newDefaultRowData]);
+  const { title, ...otherTooltipProps } = tooltipProps || {};
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, children: [
+    /* @__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(
+        Tooltip,
+        {
+          title: typeof title === "string" ? /* @__PURE__ */ jsx(FormattedMessage, { id: title }) : title,
+          placement: "right-start",
+          sx: { marginLeft: 1 },
+          ...otherTooltipProps,
+          children: /* @__PURE__ */ jsx(Info, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DndTable,
+      {
+        arrayFormName: name,
+        useFieldArrayOutput,
+        columnsDefinition,
+        createRows,
+        withAddRowsDialog: false,
+        ...otherProps
+      }
+    )
+  ] });
+}
+export {
+  ParameterDndTableField as default
+};

package/dist/components/parameters/common/parameter-field.d.ts

@@ -0,0 +1,15 @@
+import { SxProps } from '@mui/material';
+interface ParameterFieldProps {
+    id: string;
+    name: string;
+    type: string;
+    label?: string;
+    description?: string;
+    possibleValues?: {
+        id: string;
+        label: string;
+    }[] | string[];
+    sx?: SxProps;
+}
+declare function ParameterField({ id, name, type, label, description, possibleValues, sx }: Readonly<ParameterFieldProps>): import("react/jsx-runtime").JSX.Element;
+export default ParameterField;

package/dist/components/parameters/{loadflow/load-flow-parameter-field.js → common/parameter-field.js}

@@ -31,25 +31,22 @@ import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { CountriesInput } from "../../inputs/reactHookForm/selectInputs/CountriesInput.js";
 import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.js";
 import { TextInput } from "../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.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";
-import { LineSeparator } from "../common/line-separator.js";
-import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import { LineSeparator } from "./line-separator.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../common/widget/parameter-line-slider.js";
-import "../common/limitreductions/columns-definitions.js";
-function LoadFlowParameterField({
-  id,
-  name,
-  type,
-  label,
-  description,
-  possibleValues
-}) {
+import "./widget/parameter-line-slider.js";
+import "./limitreductions/columns-definitions.js";
+function ParameterField({ id, name, type, label, description, possibleValues, sx }) {
   const renderField = () => {
     switch (type) {
       case ParameterType.STRING:
@@ -59,7 +56,8 @@ function LoadFlowParameterField({
             name: `${id}.${name}`,
             options: possibleValues,
             size: "small",
-            "data-testid": `${id}.${name}`
+            "data-testid": `${id}.${name}`,
+            sx
           }
         ) : /* @__PURE__ */ jsx(TextInput, { name: `${id}.${name}`, dataTestId: `${id}.${name}` });
       case ParameterType.BOOLEAN:
@@ -104,5 +102,5 @@ function LoadFlowParameterField({
   ] }, name);
 }
 export {
-  LoadFlowParameterField as default
+  ParameterField as default
 };

package/dist/components/parameters/common/parameter-table/constants.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2026, 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 http://mozilla.org/MPL/2.0/.
+ */
+export declare const MAX_ROWS_NUMBER = 100;
+export declare const NAME = "name";
+export declare const ID = "id";
+export declare const ACTIVATED = "activated";
+export declare const DESCRIPTION = "description";

package/dist/components/parameters/common/parameter-table/constants.js

@@ -0,0 +1,12 @@
+const MAX_ROWS_NUMBER = 100;
+const NAME = "name";
+const ID = "id";
+const ACTIVATED = "activated";
+const DESCRIPTION = "description";
+export {
+  ACTIVATED,
+  DESCRIPTION,
+  ID,
+  MAX_ROWS_NUMBER,
+  NAME
+};