@gridsuite/commons-ui 0.166.0 → 0.167.0

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

@@ -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,
@@ -445,6 +457,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 +508,7 @@ export {
   VARIABLE_Q_GENERATORS,
   VARIABLE_SHUNT_COMPENSATORS,
   VARIABLE_TRANSFORMERS,
+  VARIATION,
   VERSION_PARAMETER,
   VOLTAGE_INIT_MODE,
   VOLTAGE_LEVEL,

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 {};