@gridsuite/commons-ui 0.166.0 → 0.168.0

package/dist/components/csvDownloader/csv-export.type.d.ts

@@ -8,6 +8,7 @@ export type CsvDownloadProps = {
     skipPinnedBottom?: boolean;
     language: GsLangUser;
     getData: (params?: CsvExportParams) => string | undefined | void;
+    isCopyCsv?: boolean;
 };
 export type CsvExportProps = CsvDownloadProps & {
     disabled: boolean;

package/dist/components/csvDownloader/index.js

@@ -1,8 +1,9 @@
 import { CsvExport } from "./csv-export.js";
 import { ExportCsvButton } from "./export-csv-button.js";
-import { useCsvExport } from "./use-csv-export.js";
+import { fetchCsvSeparator, useCsvExport } from "./use-csv-export.js";
 export {
   CsvExport,
   ExportCsvButton,
+  fetchCsvSeparator,
   useCsvExport
 };

package/dist/components/csvDownloader/use-csv-export.d.ts

@@ -1,4 +1,5 @@
 import { CsvDownloadProps } from './csv-export.type';
+export declare const fetchCsvSeparator: () => Promise<string | undefined>;
 export declare const useCsvExport: () => {
-    getData: (props: CsvDownloadProps) => string | undefined | void;
+    getData: (props: CsvDownloadProps) => Promise<string | undefined | void>;
 };

package/dist/components/csvDownloader/use-csv-export.js

@@ -6,11 +6,15 @@ import { LANG_FRENCH } from "../../utils/langs.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
 import "../../utils/yupConfig.js";
+import { fetchStudyMetadata } from "../../services/appsMetadata.js";
 const NA_VALUE = "N/A";
+const fetchCsvSeparator = async () => {
+  return fetchStudyMetadata().then((metadata) => metadata.copyCsvSeparator);
+};
 const useCsvExport = () => {
   const intl = useIntl();
   const getData = useCallback(
-    (props) => {
+    async (props) => {
       const formatNAValue = (value) => {
         return value === NA_VALUE ? intl.formatMessage({ id: "export/undefined" }) : value;
       };
@@ -30,10 +34,12 @@ const useCsvExport = () => {
         return tableName.trim().replace(/[\\/:"*?<>|\s]/g, "-").substring(0, 27);
       };
       const prefix = props.tableNamePrefix ?? "";
+      const defaultSeparator = props.language === LANG_FRENCH ? ";" : ",";
+      const columnSeparatorValue = props.isCopyCsv ? await fetchCsvSeparator() ?? defaultSeparator : defaultSeparator;
       return props.getData({
         suppressQuotes: false,
         skipPinnedBottom: props.skipPinnedBottom,
-        columnSeparator: props.language === LANG_FRENCH ? ";" : ",",
+        columnSeparator: columnSeparatorValue,
         columnKeys: props.columns.map((col) => col.colId).filter(hasColId),
         skipColumnHeaders: props.skipColumnHeaders,
         processHeaderCallback: (params) => params.column.getColDef().headerComponentParams?.displayName ?? params.column.getColDef().headerName ?? params.column.getColId(),
@@ -46,5 +52,6 @@ const useCsvExport = () => {
   return { getData };
 };
 export {
+  fetchCsvSeparator,
   useCsvExport
 };

package/dist/components/dnd-table/dnd-table-bottom-right-buttons.js

@@ -19,8 +19,8 @@ function DndTableBottomRightButtons({
     name: arrayFormName
   });
   const noRowsSelected = currentRows ? !currentRows.some((row) => row[SELECTED]) : true;
-  const firstRowSelected = currentRows[0]?.[SELECTED];
-  const lastRowSelected = currentRows[currentRows.length - 1]?.[SELECTED];
+  const firstRowSelected = noRowsSelected ? void 0 : currentRows[0]?.[SELECTED];
+  const lastRowSelected = noRowsSelected ? void 0 : currentRows[currentRows.length - 1]?.[SELECTED];
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end" }, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
       Tooltip,

package/dist/components/dnd-table/dnd-table.d.ts

@@ -1,6 +1,6 @@
 import { UseFieldArrayReturn } from 'react-hook-form';
 import { DndColumn } from './dnd-table.type';
-interface DndTableProps {
+export interface DndTableProps {
     arrayFormName: string;
     useFieldArrayOutput: UseFieldArrayReturn;
     columnsDefinition: DndColumn[];
@@ -26,4 +26,3 @@ interface DndTableProps {
     maxRows?: number;
 }
 export declare function DndTable(props: Readonly<DndTableProps>): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -24,6 +24,7 @@ import "react-csv-downloader";
 import "yup";
 import { AutocompleteInput } from "../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
 import { CheckboxInput } from "../inputs/reactHookForm/booleans/CheckboxInput.js";
+import { SwitchInput } from "../inputs/reactHookForm/booleans/SwitchInput.js";
 import { ErrorInput } from "../inputs/reactHookForm/errorManagement/ErrorInput.js";
 import { FieldErrorAlert } from "../inputs/reactHookForm/errorManagement/FieldErrorAlert.js";
 import "../inputs/reactHookForm/provider/CustomFormProvider.js";
@@ -145,6 +146,7 @@ function EditableTableCell({
       }
     ),
     column.type === DndColumnType.CHIP_ITEMS && /* @__PURE__ */ jsx(ChipItemsInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}`, hideErrorMessage: true }),
+    column.type === DndColumnType.SWITCH && /* @__PURE__ */ jsx(SwitchInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}` }),
     column.type === DndColumnType.CUSTOM && column.component(rowIndex)
   ] }, column.dataKey);
 }

package/dist/components/dnd-table/dnd-table.type.d.ts

@@ -8,6 +8,7 @@ export declare enum DndColumnType {
     AUTOCOMPLETE = "AUTOCOMPLETE",
     CHIP_ITEMS = "CHIP_ITEMS",
     DIRECTORY_ITEMS = "DIRECTORY_ITEMS",
+    SWITCH = "SWITCH",
     CUSTOM = "CUSTOM"
 }
 export interface ColumnBase {
@@ -18,6 +19,7 @@ export interface ColumnBase {
     extra?: JSX.Element;
     editable?: boolean;
     type: DndColumnType;
+    initialValue?: any;
 }
 export interface ColumnText extends ColumnBase {
     type: DndColumnType.TEXT;
@@ -44,8 +46,11 @@ export interface ColumnDirectoryItem extends ColumnBase {
 export interface ColumnChipsItem extends ColumnBase {
     type: DndColumnType.CHIP_ITEMS;
 }
+export interface ColumnSwitchItem extends ColumnBase {
+    type: DndColumnType.SWITCH;
+}
 export interface ColumnCustom extends ColumnBase {
     type: DndColumnType.CUSTOM;
     component: (rowIndex: number) => ReactNode;
 }
-export type DndColumn = ColumnNumeric | ColumnAutocomplete | ColumnText | ColumnDirectoryItem | ColumnChipsItem | ColumnCustom;
+export type DndColumn = ColumnNumeric | ColumnAutocomplete | ColumnText | ColumnDirectoryItem | ColumnChipsItem | ColumnSwitchItem | ColumnCustom;

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

@@ -6,6 +6,7 @@ var DndColumnType = /* @__PURE__ */ ((DndColumnType2) => {
   DndColumnType2["AUTOCOMPLETE"] = "AUTOCOMPLETE";
   DndColumnType2["CHIP_ITEMS"] = "CHIP_ITEMS";
   DndColumnType2["DIRECTORY_ITEMS"] = "DIRECTORY_ITEMS";
+  DndColumnType2["SWITCH"] = "SWITCH";
   DndColumnType2["CUSTOM"] = "CUSTOM";
   return DndColumnType2;
 })(DndColumnType || {});

package/dist/components/index.js

@@ -16,7 +16,7 @@ import { CardErrorBoundary } from "./cardErrorBoundary/CardErrorBoundary.js";
 import { CheckBoxList } from "./checkBoxList/CheckBoxList.js";
 import { CsvExport } from "./csvDownloader/csv-export.js";
 import { ExportCsvButton } from "./csvDownloader/export-csv-button.js";
-import { useCsvExport } from "./csvDownloader/use-csv-export.js";
+import { fetchCsvSeparator, useCsvExport } from "./csvDownloader/use-csv-export.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./customAGGrid/customAggrid.style.js";
 import { CustomAGGrid } from "./customAGGrid/customAggrid.js";
 import { SeparatorCellRenderer } from "./customAGGrid/separatorCellRenderer.js";
@@ -160,7 +160,7 @@ import { NetworkVisualizationsParametersEditionDialog } from "./parameters/netwo
 import { BALANCE_TYPE, CONNECTED_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./parameters/loadflow/constants.js";
 import { LoadFlowParametersInline } from "./parameters/loadflow/load-flow-parameters-inline.js";
 import { LoadFlowParametersEditionDialog } from "./parameters/loadflow/load-flow-parameters-dialog.js";
-import { InitialVoltage, PredefinedParameters, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_VOLTAGE_RANGES, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, intlInitialVoltageProfileMode, intlPredefinedParametersOptions, onlyStartedGeneratorsOptions } from "./parameters/short-circuit/constants.js";
+import { InitialVoltage, PredefinedParameters, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTER, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_VOLTAGE_RANGES, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, intlInitialVoltageProfileMode, intlPredefinedParametersOptions, onlyStartedGeneratorsOptions } from "./parameters/short-circuit/constants.js";
 import { ShortCircuitParametersInLine } from "./parameters/short-circuit/short-circuit-parameters-inline.js";
 import { ShortCircuitParametersEditionDialog } from "./parameters/short-circuit/short-circuit-parameters-dialog.js";
 import { DEFAULT_GENERAL_APPLY_MODIFICATIONS, DEFAULT_REACTIVE_SLACKS_THRESHOLD, DEFAULT_SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, DEFAULT_UPDATE_BUS_VOLTAGE, GENERAL, GENERAL_APPLY_MODIFICATIONS, GENERATORS_SELECTION_TYPE, HIGH_VOLTAGE_LIMIT, LEG_SIDE, LOW_VOLTAGE_LIMIT, PRIORITY, RATIO_TAP_CHANGER_POSITION, RATIO_TAP_CHANGER_TARGET_V, REACTIVE_SLACKS_THRESHOLD, SELECTION_TYPE, SHUNT_COMPENSATORS_SELECTION_TYPE, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, TRANSFORMERS_SELECTION_TYPE, UPDATE_BUS_VOLTAGE, VARIABLE_Q_GENERATORS, VARIABLE_SHUNT_COMPENSATORS, VARIABLE_TRANSFORMERS, VOLTAGE_LIMITS_DEFAULT, VOLTAGE_LIMITS_MODIFICATION, VoltageInitTabValues } from "./parameters/voltage-init/constants.js";
@@ -174,6 +174,8 @@ import { SecurityAnalysisParametersDialog } from "./parameters/security-analysis
 import { SensitivityAnalysisParametersInline } from "./parameters/sensi/sensitivity-analysis-parameters-inline.js";
 import { SensitivityAnalysisParametersDialog } from "./parameters/sensi/sensitivity-analysis-parameters-dialog.js";
 import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiHvdcs, SensiInjection, SensiInjectionsSet, SensiNodes, SensiPsts, SensiTabValues } from "./parameters/sensi/columns-definitions.js";
+import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
+import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 import { OverflowableTableCell } from "./muiTable/OverflowableTableCell.js";
 import { OverflowableTableCellWithCheckbox } from "./muiTable/OverflowableTableCellWithCheckbox.js";
@@ -185,6 +187,8 @@ import { filledTextField, italicFontTextField, standardTextField } from "./netwo
 import { SubstationCreationForm } from "./network-modifications/substation/creation/SubstationCreationForm.js";
 import { substationCreationDtoToForm, substationCreationEmptyFormData, substationCreationFormSchema, substationCreationFormToDto } from "./network-modifications/substation/creation/substationCreation.utils.js";
 export {
+  ACCURACY,
+  ACTIVE,
   AboutDialog,
   ActivableChip,
   AddButton,
@@ -200,6 +204,7 @@ export {
   BooleanInput,
   BooleanNullableCellRenderer,
   BottomRightButtons,
+  CALCULATION_TYPE,
   CENTER_LABEL,
   COLUMNS_DEFINITIONS_HVDCS,
   COLUMNS_DEFINITIONS_INJECTIONS,
@@ -270,6 +275,7 @@ export {
   DndTableAddRowsDialog,
   DndTableBottomLeftButtons,
   DndTableBottomRightButtons,
+  DynamicMarginCalculationInline,
   ENERGY_SOURCE_OPTIONS,
   EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES,
   EXPERT_FILTER_EQUIPMENTS,
@@ -324,6 +330,11 @@ export {
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
   LINE_FLOW_MODE,
+  LOADS_VARIATIONS,
+  LOAD_FILTERS,
+  LOAD_INCREASE_START_TIME,
+  LOAD_INCREASE_STOP_TIME,
+  LOAD_MODELS_RULE,
   LOAD_TYPE_OPTIONS,
   LOW_VOLTAGE_LIMIT,
   LabelledButton,
@@ -345,6 +356,7 @@ export {
   MAP_BASEMAP_MAPBOX,
   MAP_BASE_MAP,
   MAP_MANUAL_REFRESH,
+  MARGIN_CALCULATION_START_TIME,
   MAX_ROWS_NUMBER,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
@@ -432,6 +444,8 @@ export {
   SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE,
   SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS,
   SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER,
+  SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTER,
+  SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS,
   SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS,
   SHORT_CIRCUIT_PREDEFINED_PARAMS,
   SHORT_CIRCUIT_VOLTAGE_RANGES,
@@ -445,6 +459,8 @@ export {
   SHUNT_COMPENSATOR_TYPE_OPTIONS,
   SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
   SPECIFIC_PARAMETERS,
+  START_TIME,
+  STOP_TIME,
   SUBSTATION_LAYOUT,
   SVAR_REGULATION_MODE_OPTIONS,
   SecurityAnalysisParametersDialog,
@@ -494,6 +510,7 @@ export {
   VARIABLE_Q_GENERATORS,
   VARIABLE_SHUNT_COMPENSATORS,
   VARIABLE_TRANSFORMERS,
+  VARIATION,
   VERSION_PARAMETER,
   VOLTAGE_INIT_MODE,
   VOLTAGE_LEVEL,
@@ -518,6 +535,7 @@ export {
   explicitNamingFilterSchema,
   exportExpertRules,
   extractDefault,
+  fetchCsvSeparator,
   fetchPredefinedProperties,
   filledTextField,
   formatComputingTypeLabel,

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

@@ -44,11 +44,11 @@ const styles = {
 };
 function ProviderParam({ options }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid, { xl: 8, container: true, sx: styles.providerParam, paddingRight: 1, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, sx: styles.providerParam, paddingRight: 1, children: [
       /* @__PURE__ */ jsx(Grid, { item: true, xs: true, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Provider" }) }),
       /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 2, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(MuiSelectInput, { name: PROVIDER, size: "small", fullWidth: true, options }) })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 1, paddingRight: 1, xl: 8, children: /* @__PURE__ */ jsx(LineSeparator, {}) })
+    /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 1, paddingRight: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) })
   ] });
 }
 export {

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}

@@ -42,18 +42,11 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import { LineSeparator } from "../common/line-separator.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:
@@ -63,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:
@@ -108,5 +102,5 @@ function LoadFlowParameterField({
   ] }, name);
 }
 export {
-  LoadFlowParameterField as default
+  ParameterField as default
 };

package/dist/components/parameters/dynamic-margin-calculation/constants.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 START_TIME = "startTime";
+export declare const STOP_TIME = "stopTime";
+export declare const MARGIN_CALCULATION_START_TIME = "marginCalculationStartTime";
+export declare const LOAD_INCREASE_START_TIME = "loadIncreaseStartTime";
+export declare const LOAD_INCREASE_STOP_TIME = "loadIncreaseStopTime";
+export declare const CALCULATION_TYPE = "calculationType";
+export declare const ACCURACY = "accuracy";
+export declare const LOAD_MODELS_RULE = "loadModelsRule";
+export declare const LOADS_VARIATIONS = "loadsVariations";
+export declare const LOAD_FILTERS = "loadFilters";
+export declare const VARIATION = "variation";
+export declare const ACTIVE = "active";

package/dist/components/parameters/dynamic-margin-calculation/constants.js

@@ -0,0 +1,26 @@
+const START_TIME = "startTime";
+const STOP_TIME = "stopTime";
+const MARGIN_CALCULATION_START_TIME = "marginCalculationStartTime";
+const LOAD_INCREASE_START_TIME = "loadIncreaseStartTime";
+const LOAD_INCREASE_STOP_TIME = "loadIncreaseStopTime";
+const CALCULATION_TYPE = "calculationType";
+const ACCURACY = "accuracy";
+const LOAD_MODELS_RULE = "loadModelsRule";
+const LOADS_VARIATIONS = "loadsVariations";
+const LOAD_FILTERS = "loadFilters";
+const VARIATION = "variation";
+const ACTIVE = "active";
+export {
+  ACCURACY,
+  ACTIVE,
+  CALCULATION_TYPE,
+  LOADS_VARIATIONS,
+  LOAD_FILTERS,
+  LOAD_INCREASE_START_TIME,
+  LOAD_INCREASE_STOP_TIME,
+  LOAD_MODELS_RULE,
+  MARGIN_CALCULATION_START_TIME,
+  START_TIME,
+  STOP_TIME,
+  VARIATION
+};

package/dist/components/parameters/dynamic-margin-calculation/dynamic-margin-calculation-dialog.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 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/.
+ */

package/dist/components/parameters/dynamic-margin-calculation/dynamic-margin-calculation-dialog.js

@@ -0,0 +1 @@
+

package/dist/components/parameters/dynamic-margin-calculation/dynamic-margin-calculation-form.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UseDynamicMarginCalculationParametersFormReturn } from './use-dynamic-margin-calculation-parameters-form';
+type DynamicMarginCalculationFormProps = {
+    dynamicMarginCalculationMethods: UseDynamicMarginCalculationParametersFormReturn;
+    renderTitleFields?: () => ReactNode;
+    renderActions?: () => ReactNode;
+};
+export declare function DynamicMarginCalculationForm({ dynamicMarginCalculationMethods, renderTitleFields, renderActions, }: Readonly<DynamicMarginCalculationFormProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/parameters/dynamic-margin-calculation/dynamic-margin-calculation-form.js

@@ -0,0 +1,95 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Tabs, Tab, LinearProgress } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/yupConfig.js";
+import "../../overflowableText/OverflowableText.js";
+import "react";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { CustomFormProvider } from "../../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";
+import { TabPanel } from "../common/parameters.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import { ProviderParam } from "../common/ProviderParam.js";
+import { getTabStyle, parametersStyles } from "../parameters-style.js";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import TimeDelayParameters from "./time-delay-parameters.js";
+import LoadsVariationsParameters from "./loads-variations-parameters.js";
+import { TabValues } from "./dynamic-margin-calculation.type.js";
+function DynamicMarginCalculationForm({
+  dynamicMarginCalculationMethods,
+  renderTitleFields,
+  renderActions
+}) {
+  const { formMethods, formSchema, paramsLoaded, formattedProviders, selectedTab, onTabChange, tabsWithError } = dynamicMarginCalculationMethods;
+  return /* @__PURE__ */ jsxs(CustomFormProvider, { validationSchema: formSchema, ...formMethods, children: [
+    renderTitleFields?.(),
+    paramsLoaded ? /* @__PURE__ */ jsxs(Grid, { container: true, sx: { height: "100%" }, direction: "column", children: [
+      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders }) }),
+      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: onTabChange, "aria-label": "parameters", children: [
+        /* @__PURE__ */ jsx(
+          Tab,
+          {
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicMarginCalculationTimeDelayTab" }),
+            value: TabValues.TAB_TIME_DELAY,
+            sx: getTabStyle(tabsWithError, TabValues.TAB_TIME_DELAY)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tab,
+          {
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicMarginCalculationLoadsVariationsTab" }),
+            value: TabValues.TAB_LOADS_VARIATIONS,
+            sx: getTabStyle(tabsWithError, TabValues.TAB_LOADS_VARIATIONS)
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          xs: true,
+          sx: mergeSx(parametersStyles.scrollableGrid, {
+            paddingTop: 0,
+            width: "100%"
+          }),
+          children: [
+            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_TIME_DELAY, children: /* @__PURE__ */ jsx(TimeDelayParameters, { path: TabValues.TAB_TIME_DELAY }) }),
+            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_LOADS_VARIATIONS, children: /* @__PURE__ */ jsx(LoadsVariationsParameters, { path: TabValues.TAB_LOADS_VARIATIONS }) })
+          ]
+        },
+        "dmcParameters"
+      ),
+      renderActions?.()
+    ] }) : /* @__PURE__ */ jsx(LinearProgress, {})
+  ] });
+}
+export {
+  DynamicMarginCalculationForm
+};

package/dist/components/parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.d.ts

@@ -0,0 +1,10 @@
+import { UUID } from 'node:crypto';
+import { UseParametersBackendReturnProps } from '../../../utils/types/parameters.type';
+import { ComputingType } from '../common/computing-type';
+type DynamicMarginCalculationInlineProps = {
+    studyUuid: UUID | null;
+    parametersBackend: UseParametersBackendReturnProps<ComputingType.DYNAMIC_MARGIN_CALCULATION>;
+    setHaveDirtyFields: (isDirty: boolean) => void;
+};
+export declare function DynamicMarginCalculationInline({ studyUuid, parametersBackend, setHaveDirtyFields, }: Readonly<DynamicMarginCalculationInlineProps>): import("react/jsx-runtime").JSX.Element;
+export {};