@gridsuite/commons-ui 0.193.0 → 0.194.0

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

@@ -1,10 +1,14 @@
-import { DESCRIPTION, ACTIVATED, NAME, ID } from "../parameter-table/constants.js";
+import { CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS } from "../constants.js";
+import { DESCRIPTION, ACTIVATED, NAME, ID } from "../parameter-table-field/constants.js";
 import "react/jsx-runtime";
 import "@mui/material";
-import "@mui/icons-material";
-import "react";
 import "react-intl";
 import "react-hook-form";
+import "@mui/icons-material";
+import "react";
+import "react-dom";
+import "@hello-pangea/dnd";
+import { DndColumnType } from "../../../dnd-table-v2/dnd-table.type.js";
 import "../../../overflowableText/OverflowableText.js";
 import "../../../../utils/conversionUtils.js";
 import { ElementType } from "../../../../utils/types/elementType.js";
@@ -35,38 +39,38 @@ 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,
+    type: DndColumnType.DIRECTORY_ITEMS,
+    equipmentTypes: [],
     elementType: ElementType.CONTINGENCY_LIST,
-    titleId: "ContingencyListsSelection"
+    titleId: "ContingencyListsSelection",
+    shouldHandleOnChangeCell: true
   },
   {
     label: "description",
+    sxHeader: { textAlign: "center" },
     dataKey: DESCRIPTION,
     initialValue: "",
     editable: true,
-    descriptionItems: true,
-    width: "8rem"
+    width: "8rem",
+    type: DndColumnType.DESCRIPTIONS
   },
   {
     label: "Active",
+    sxHeader: { textAlign: "center" },
     dataKey: ACTIVATED,
     initialValue: true,
-    checkboxItems: true,
     editable: true,
-    width: "4rem"
+    width: "4rem",
+    type: DndColumnType.SWITCH,
+    shouldHandleOnChangeCell: true
   }
 ];
-const ParamContingencyLists = {
-  columnsDef: COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
-  name: CONTINGENCY_LISTS_INFOS
-};
 const getContingencyListsInfosFormSchema = () => {
   return yup.object().shape({
     [CONTINGENCY_LISTS_INFOS]: yup.array().of(
@@ -95,9 +99,13 @@ const toFormValuesContingencyListsInfos = (contingencyListsInfos) => {
     }))
   };
 };
+const isValidContingencyRow = (row) => {
+  const contingencyLists = row?.[CONTINGENCY_LISTS];
+  return row?.[ACTIVATED] === true && Array.isArray(contingencyLists) && contingencyLists.length > 0;
+};
 export {
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
-  ParamContingencyLists,
   getContingencyListsInfosFormSchema,
+  isValidContingencyRow,
   toFormValuesContingencyListsInfos
 };

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

@@ -1,6 +1,7 @@
 import { UUID } from 'node:crypto';
 import { ContingencyCount } from './types';
-export declare function ContingencyTable({ showContingencyCount, fetchContingencyCount, isBuiltCurrentNode, }: Readonly<{
+export declare function ContingencyTable({ name, showContingencyCount, fetchContingencyCount, isBuiltCurrentNode, }: Readonly<{
+    name: string;
     showContingencyCount: boolean;
     fetchContingencyCount?: (contingencyLists: UUID[] | null, abortSignal: AbortSignal) => Promise<ContingencyCount>;
     isBuiltCurrentNode?: boolean;

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Alert, CircularProgress } from "@mui/material";
-import { useState, useCallback, useEffect } from "react";
+import { Grid, Alert, CircularProgress } from "@mui/material";
+import { useState, useCallback, useMemo, useEffect } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
-import { useWatch } from "react-hook-form";
+import { useFormContext } from "react-hook-form";
 import "../../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../../utils/error.js";
 import "../../../../utils/types/equipmentType.js";
@@ -13,40 +13,44 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../../hooks/useSnackMessage.js";
-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 { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists } from "./columns-definitions.js";
+import { ACTIVATED, ID } from "../parameter-table-field/constants.js";
+import { ParameterTableField } from "../parameter-table-field/parameter-table-field.js";
+import { CONTINGENCY_LISTS } from "../constants.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, isValidContingencyRow } from "./columns-definitions.js";
+const styles = {
+  alert: { color: "text.primary", paddingTop: 0, paddingBottom: 0 }
+};
 function ContingencyTable({
+  name,
   showContingencyCount = false,
   fetchContingencyCount,
   isBuiltCurrentNode
 }) {
   const intl = useIntl();
   const [simulatedContingencyCount, setSimulatedContingencyCount] = useState(null);
-  const [rowData, useFieldArrayOutput] = useCreateRowData(ParamContingencyLists);
-  const contingencyListsInfos = useWatch({ name: CONTINGENCY_LISTS_INFOS });
   const [isLoading, setIsLoading] = useState(false);
+  const [contingencyCountRefreshTrigger, setContingencyCountRefreshTrigger] = useState(0);
   const { snackError } = useSnackMessage();
-  const getColumnsDefinition = useCallback(
-    (columns) => {
-      if (columns) {
-        return columns.map((column) => ({
-          ...column,
-          label: intl.formatMessage({ id: column.label })
-        }));
-      }
-      return [];
-    },
-    [intl]
-  );
+  const { getValues } = useFormContext();
+  const handleOnChange = useCallback(() => {
+    setContingencyCountRefreshTrigger((prevValue) => prevValue + 1);
+  }, []);
+  const columnsDefinition = useMemo(() => {
+    return COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS.map(
+      (colDef) => ({
+        ...colDef,
+        label: intl.formatMessage({ id: colDef.label })
+      })
+    );
+  }, [intl]);
   useEffect(() => {
     if (!showContingencyCount || !isBuiltCurrentNode) {
       setIsLoading(false);
+      setSimulatedContingencyCount(null);
       return () => {
       };
     }
+    const contingencyListsInfos = getValues(name);
     const hasNoContingencies = !contingencyListsInfos || (contingencyListsInfos.length ?? 0) === 0 || contingencyListsInfos.every(
       (contingencyList) => !contingencyList[ACTIVATED] || (contingencyList[CONTINGENCY_LISTS]?.length ?? 0) === 0
     );
@@ -80,26 +84,26 @@ function ContingencyTable({
       controller?.abort(new Error(IGNORE_SIGNAL));
       clearTimeout(loadingTimeoutId);
     };
-  }, [snackError, contingencyListsInfos, fetchContingencyCount, showContingencyCount, isBuiltCurrentNode]);
+  }, [
+    snackError,
+    getValues,
+    fetchContingencyCount,
+    showContingencyCount,
+    isBuiltCurrentNode,
+    name,
+    contingencyCountRefreshTrigger
+  ]);
   const renderContingencyCount = () => {
     if (!isBuiltCurrentNode) {
-      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "warning", sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "contingencyCountImpossibleOnUnbuiltNode" }) });
+      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "warning", sx: styles.alert, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "contingencyCountImpossibleOnUnbuiltNode" }) });
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx(
-        Alert,
-        {
-          variant: "standard",
-          icon: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }),
-          severity: "info",
-          sx: { color: "text.primary" }
-        }
-      );
+      return /* @__PURE__ */ jsx(Alert, { variant: "standard", icon: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }), severity: "info", sx: styles.alert });
     }
     if (simulatedContingencyCount?.contingencies === 0 && simulatedContingencyCount.notFoundElements === 0) {
-      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "error", sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "noContingency" }) });
+      return /* @__PURE__ */ jsx(Alert, { variant: "standard", severity: "error", sx: styles.alert, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "noContingency" }) });
     }
-    return /* @__PURE__ */ jsx(Alert, { variant: "standard", icon: false, severity: "info", sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Alert, { variant: "standard", icon: false, severity: "info", sx: styles.alert, children: /* @__PURE__ */ jsx(
       FormattedMessage,
       {
         id: "xContingenciesWillBeSimulatedAndYNotFound",
@@ -110,18 +114,15 @@ function ContingencyTable({
       }
     ) });
   };
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 0, sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", children: [
     /* @__PURE__ */ jsx(
-      ParameterTable,
+      ParameterTableField,
       {
-        arrayFormName: CONTINGENCY_LISTS_INFOS,
-        useFieldArrayOutput,
-        columnsDefinition: getColumnsDefinition(COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS),
+        name,
+        columnsDefinition,
         tableHeight: 270,
-        createRows: rowData,
-        onFormChanged: () => {
-        },
-        isValidParameterRow: (row) => row[CONTINGENCY_LISTS]?.length > 0
+        onChange: handleOnChange,
+        isValidRow: isValidContingencyRow
       }
     ),
     showContingencyCount && renderContingencyCount()

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

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

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

@@ -17,7 +17,7 @@ import { LimitReductionsTableForm } from "./limitreductions/limit-reductions-tab
 import { LimitReductionTableRow } from "./limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./limitreductions/limit-reduction-table-cell.js";
 import { ContingencyTable } from "./contingency-table/contingency-table.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./contingency-table/columns-definitions.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFormSchema, isValidContingencyRow, toFormValuesContingencyListsInfos } from "./contingency-table/columns-definitions.js";
 import { useTabs } from "./hook/use-tabs.js";
 import { useParametersForm } from "./hook/use-parameters-form.js";
 export {
@@ -48,7 +48,6 @@ export {
   PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD,
   PARAM_SA_PROVIDER,
   PROVIDER,
-  ParamContingencyLists,
   ParameterFloat,
   ParameterGroup,
   ParameterLineDirectoryItemsInput,
@@ -67,6 +66,7 @@ export {
   getContingencyListsInfosFormSchema,
   getLimitReductionsFormSchema,
   isValidComputingType,
+  isValidContingencyRow,
   sanitizePercentageValue,
   toFormValuesContingencyListsInfos,
   toFormValuesLimitReductions,

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

@@ -47,6 +47,8 @@ import { LineSeparator } from "./line-separator.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "./widget/parameter-line-slider.js";
 import "./limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "./contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";

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

@@ -51,7 +51,7 @@ function EditableTableCell(arrayFormName, rowIndex, column, onRowChanged) {
             hideErrorMessage: true,
             label: void 0,
             itemFilter: void 0,
-            onRowChanged
+            onChange: onRowChanged
           }
         ),
         column.menuItems && /* @__PURE__ */ jsx(

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

@@ -0,0 +1,10 @@
+/**
+ * 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 NAME = "name";
+export declare const ID = "id";
+export declare const ACTIVATED = "activated";
+export declare const DESCRIPTION = "description";

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

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

package/dist/components/parameters/common/{parameter-table → parameter-table-field}/index.d.ts

@@ -2,8 +2,7 @@
  * 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/.
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export * from './constants';
-export * from './parameter-table';
-export * from './types';
+export * from './parameter-table-field';

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

@@ -0,0 +1,9 @@
+import { ACTIVATED, DESCRIPTION, ID, NAME } from "./constants.js";
+import { ParameterTableField } from "./parameter-table-field.js";
+export {
+  ACTIVATED,
+  DESCRIPTION,
+  ID,
+  NAME,
+  ParameterTableField
+};

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

@@ -0,0 +1,11 @@
+import { SxProps, TooltipProps } from '@mui/material';
+import { FieldValues } from 'react-hook-form';
+import { DndTableProps } from '../../../dnd-table-v2';
+export type ParameterDndTableFieldProps = {
+    label?: string;
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+    sxContainerProps?: SxProps;
+    isValidRow?: (rowData: FieldValues) => boolean;
+    onChange?: () => void;
+} & Omit<DndTableProps, 'useFieldArrayOutput' | 'onChange' | 'onDelete'>;
+export declare function ParameterTableField({ name, label, columnsDefinition, tooltipProps, sxContainerProps, onChange, isValidRow, ...otherProps }: Readonly<ParameterDndTableFieldProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Typography, Tooltip } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useFieldArray, useFormContext } from "react-hook-form";
+import { Info } from "@mui/icons-material";
+import { useRef, useMemo, useCallback } from "react";
+import { DndTable } from "../../../dnd-table-v2/dnd-table.js";
+import { getDefaultRowData } from "../../../dnd-table-v2/dnd-table-utils.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 "../../../inputs/reactHookForm/expandableInput/ExpandableInput.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 ParameterTableField({
+  name,
+  label,
+  columnsDefinition,
+  tooltipProps,
+  sxContainerProps,
+  onChange,
+  isValidRow,
+  ...otherProps
+}) {
+  const useFieldArrayOutput = useFieldArray({
+    name
+  });
+  const { getValues } = useFormContext();
+  const validRowCountRef = useRef(
+    getValues(name).filter((row) => isValidRow ? isValidRow(row) : true).length
+  );
+  const newDefaultRowData = useMemo(() => {
+    return getDefaultRowData(columnsDefinition);
+  }, [columnsDefinition]);
+  const createRows = useCallback(
+    (numberOfRows) => Array.from({ length: numberOfRows }, () => ({ ...newDefaultRowData })),
+    [newDefaultRowData]
+  );
+  const { title, ...otherTooltipProps } = tooltipProps || {};
+  const handleOnChange = useCallback(
+    (changedRow) => {
+      const currentValidRowCount = getValues(name).filter(
+        (row) => isValidRow ? isValidRow(row) : true
+      ).length;
+      const previousValidRowCount = validRowCountRef.current;
+      validRowCountRef.current = currentValidRowCount;
+      if (isValidRow ? isValidRow(changedRow) : true) {
+        onChange?.();
+      } else if (previousValidRowCount !== currentValidRowCount) {
+        onChange?.();
+      }
+    },
+    [isValidRow, onChange, getValues, name]
+  );
+  const handleOnDelete = useCallback(
+    (removedRows) => {
+      const wasValidRowCount = removedRows.filter(
+        (row) => isValidRow ? isValidRow(row) : true
+      ).length;
+      if (wasValidRowCount > 0) {
+        validRowCountRef.current -= wasValidRowCount;
+        onChange?.();
+      }
+    },
+    [isValidRow, onChange]
+  );
+  return /* @__PURE__ */ jsxs(Grid, { container: true, sx: sxContainerProps, children: [
+    label && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", paddingBottom: 2, paddingTop: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+      tooltipProps && /* @__PURE__ */ jsx(
+        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,
+      {
+        name,
+        useFieldArrayOutput,
+        columnsDefinition,
+        createRows,
+        withAddRowsDialog: false,
+        onChange: handleOnChange,
+        onDelete: handleOnDelete,
+        ...otherProps
+      }
+    )
+  ] });
+}
+export {
+  ParameterTableField
+};

package/dist/components/parameters/common/parameters-edition-dialog-props.d.ts

@@ -10,7 +10,7 @@ export interface ParametersEditionDialogProps {
     name: string;
     description: string | null;
     activeDirectory: UUID;
-    isRootNode: boolean;
+    isRootNode?: boolean;
     language?: GsLang;
     user: User | null;
     globalBuildStatus?: BuildStatus;

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

@@ -40,6 +40,8 @@ import "react-querybuilder";
 import { getTabStyle, parametersStyles } from "../parameters-style.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import { useTabs } from "../common/hook/use-tabs.js";
 import "@hookform/resolvers/yup";

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

@@ -46,6 +46,8 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";

package/dist/components/parameters/dynamic-margin-calculation/loads-variations-parameters.js

@@ -40,10 +40,10 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import ParameterDndTableField from "../common/parameter-dnd-table-field.js";
+import { ParameterTableField } from "../common/parameter-table-field/parameter-table-field.js";
 import "react-dom";
 import "@hello-pangea/dnd";
-import { DndColumnType } from "../../dnd-table/dnd-table.type.js";
+import { DndColumnType } from "../../dnd-table-v2/dnd-table.type.js";
 const formSchema = yup.object().shape({
   [CALCULATION_TYPE]: yup.string().required(),
   [ACCURACY]: yup.number().required(),
@@ -95,7 +95,7 @@ const params = [
     ],
     sx: { width: "100%" }
   }
-  // LOADS_VARIATIONS displayed in a separated component, i.e., ParameterDndTableField
+  // LOADS_VARIATIONS displayed in a separated component, i.e., ParameterTableField
 ];
 const loadsVariationsColumnsDefinition = [
   {
@@ -117,6 +117,7 @@ const loadsVariationsColumnsDefinition = [
   },
   {
     label: "DynamicMarginCalculationLoadsActive",
+    sxHeader: { textAlign: "center" },
     initialValue: true,
     dataKey: ACTIVE,
     editable: true,
@@ -126,7 +127,7 @@ const loadsVariationsColumnsDefinition = [
 ];
 function LoadsVariationsParameters({ path }) {
   const inlt = useIntl();
-  const translatedColumnsDefinition = useMemo(() => {
+  const columnsDefinition = useMemo(() => {
     return loadsVariationsColumnsDefinition.map((colDef) => ({
       ...colDef,
       label: inlt.formatMessage({ id: colDef.label })
@@ -138,13 +139,14 @@ function LoadsVariationsParameters({ path }) {
       return /* @__PURE__ */ jsx(ParameterField, { id: path, name: param.name, type: param.type, ...otherParams }, param.name);
     }),
     /* @__PURE__ */ jsx(
-      ParameterDndTableField,
+      ParameterTableField,
       {
         name: `${path}.${LOADS_VARIATIONS}`,
         label: "DynamicMarginCalculationLoadsVariations",
         tooltipProps: { title: "DynamicMarginCalculationLoadsVariations" },
-        columnsDefinition: translatedColumnsDefinition,
-        tableHeight: 270
+        columnsDefinition,
+        tableHeight: 270,
+        disableDragAndDrop: true
       }
     )
   ] });

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

@@ -40,6 +40,8 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import { useParametersForm } from "../common/hook/use-parameters-form.js";
 import { LOADS_VARIATIONS, LOAD_MODELS_RULE, ACCURACY, CALCULATION_TYPE, LOAD_INCREASE_STOP_TIME, LOAD_INCREASE_START_TIME, MARGIN_CALCULATION_START_TIME, STOP_TIME, START_TIME } from "./constants.js";

package/dist/components/parameters/dynamic-security-analysis/contingency-parameters.js

@@ -39,6 +39,8 @@ import "react-querybuilder";
 import { ParameterLineDirectoryItemsInput } from "../common/widget/parameter-line-directory-items-input.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";

package/dist/components/parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js

@@ -43,6 +43,8 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";

package/dist/components/parameters/dynamic-security-analysis/dynamic-security-analysis-parameters-form.js

@@ -42,6 +42,8 @@ import "react-querybuilder";
 import { getTabStyle, parametersStyles } from "../parameters-style.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import { useTabs } from "../common/hook/use-tabs.js";
 import "@hookform/resolvers/yup";

package/dist/components/parameters/dynamic-security-analysis/use-dynamic-security-analysis-parameters-form.js

@@ -39,6 +39,8 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import { useParametersForm } from "../common/hook/use-parameters-form.js";
 import { SCENARIO_DURATION, CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME } from "./constants.js";

package/dist/components/parameters/dynamic-simulation/dynamic-simulation-inline.js

@@ -44,6 +44,8 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";

package/dist/components/parameters/dynamic-simulation/dynamic-simulation-parameters-form.js

@@ -40,6 +40,8 @@ import "react-querybuilder";
 import { getTabStyle, parametersStyles } from "../parameters-style.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import { useTabs } from "../common/hook/use-tabs.js";
 import "@hookform/resolvers/yup";

package/dist/components/parameters/dynamic-simulation/mapping/mapping-parameters.js

@@ -15,7 +15,6 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../../hooks/useSnackMessage.js";
-import "react-hook-form";
 function MappingParameters({ path }) {
   const { snackError } = useSnackMessage();
   const [mappings, setMappings] = useState([]);