@gridsuite/commons-ui 0.193.0 → 0.194.0

package/dist/components/parameters/sensi/use-sensitivity-analysis-parameters.js

@@ -1,29 +1,36 @@
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useState, useMemo, useCallback, useEffect } from "react";
-import { PROVIDER, CONTINGENCIES } from "../common/constants.js";
-import "react/jsx-runtime";
-import "@mui/material";
-import "react-intl";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
 import "@mui/icons-material";
 import "../../../utils/yupConfig.js";
+import { getFormSchema, getSensiNodesformatNewParams, getSensiPstformatNewParams, getSensiHvdcformatNewParams, getSensiInjectionsformatNewParams, getSensiInjectionsSetformatNewParams, filterSensiParameterRows } from "./utils.js";
+import { DEFAULT_FACTOR_COUNT, PARAMETER_SENSI_NODES, PARAMETER_SENSI_PST, PARAMETER_SENSI_HVDC, PARAMETER_SENSI_INJECTION, PARAMETER_SENSI_INJECTIONS_SET, FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD, ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD, FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD, CONTAINER_NAME, CONTAINER_ID, EQUIPMENTS_IN_VOLTAGE_REGULATION, SUPERVISED_VOLTAGE_LEVELS, SENSITIVITY_TYPE, PSTS, MONITORED_BRANCHES, HVDC_LINES, INJECTIONS, DISTRIBUTION_TYPE, MAX_RESULTS_COUNT, MAX_VARIABLES_COUNT } from "./constants.js";
+import { getSensitivityAnalysisFactorsCount, setSensitivityAnalysisParameters } from "../../../services/sensitivity-analysis.js";
 import { DEFAULT_TIMEOUT_MS, IGNORE_SIGNAL } from "../../../services/utils.js";
 import { updateParameter } from "../../../services/explore.js";
+import "react-intl";
+import "@mui/material";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
-import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../treeViewFinder/TreeViewFinder.js";
-import "../../overflowableText/OverflowableText.js";
 import "yup";
+import "../../filter/HeaderFilterForm.js";
+import { getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
+import { BuildStatus } from "../../node/constant.js";
+import { PROVIDER, CONTINGENCIES } from "../common/constants.js";
+import { ACTIVATED } from "../common/parameter-table-field/constants.js";
+import "react-dom";
+import "@hello-pangea/dnd";
+import "../../overflowableText/OverflowableText.js";
+import "../../treeViewFinder/TreeViewFinder.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -34,6 +41,7 @@ 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";
@@ -41,16 +49,6 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import "../common/widget/parameter-line-slider.js";
-import "../common/limitreductions/columns-definitions.js";
-import { ACTIVATED } from "../common/parameter-table/constants.js";
-import "../common/contingency-table/columns-definitions.js";
-import "../../filter/HeaderFilterForm.js";
-import { getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
-import { getFormSchema, getSensiNodesformatNewParams, getSensiPstformatNewParams, getSensiHvdcformatNewParams, getSensiInjectionsformatNewParams, getSensiInjectionsSetformatNewParams, filterSensiParameterRows } from "./utils.js";
-import { DEFAULT_FACTOR_COUNT, PARAMETER_SENSI_NODES, PARAMETER_SENSI_PST, PARAMETER_SENSI_HVDC, PARAMETER_SENSI_INJECTION, PARAMETER_SENSI_INJECTIONS_SET, FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD, ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD, FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD, CONTAINER_NAME, CONTAINER_ID, EQUIPMENTS_IN_VOLTAGE_REGULATION, SUPERVISED_VOLTAGE_LEVELS, SENSITIVITY_TYPE, PSTS, MONITORED_BRANCHES, HVDC_LINES, INJECTIONS, DISTRIBUTION_TYPE, MAX_RESULTS_COUNT, MAX_VARIABLES_COUNT } from "./constants.js";
-import { getSensitivityAnalysisFactorsCount, setSensitivityAnalysisParameters } from "../../../services/sensitivity-analysis.js";
-import { BuildStatus } from "../../node/constant.js";
 const useSensitivityAnalysisParametersForm = ({
   studyUuid,
   currentNodeUuid,
@@ -63,12 +61,11 @@ const useSensitivityAnalysisParametersForm = ({
   isRootNode
 }) => {
   const { providers, params, updateParameters } = parametersBackend;
-  const [sensitivityAnalysisParams, setSensitivityAnalysisParams] = useState(params);
   const { snackError } = useSnackMessage();
   const [factorsCount, setFactorsCount] = useState(DEFAULT_FACTOR_COUNT);
+  const [factorCountRefreshTrigger, setFactorCountRefreshTrigger] = useState(0);
   const [isLoading, setIsLoading] = useState(false);
-  const [isSubmitAction, setIsSubmitAction] = useState(false);
-  const [factorCountParams, setFactorCountParams] = useState(null);
+  const [paramsFormInitialized, setParamsFormInitialized] = useState(false);
   const emptyFormData = useMemo(() => {
     return {
       ...getNameElementEditorEmptyFormData(name, description),
@@ -114,11 +111,17 @@ const useSensitivityAnalysisParametersForm = ({
   const resetFactorsCount = useCallback(() => {
     setIsLoading(false);
     setFactorsCount(DEFAULT_FACTOR_COUNT);
-    setFactorCountParams(null);
   }, []);
-  const updateFactorCount = useCallback(() => {
-    if (!currentNodeUuid || !currentRootNetworkUuid) {
-      return;
+  useEffect(() => {
+    let active = true;
+    if (!currentNodeUuid || !currentRootNetworkUuid || !paramsFormInitialized) {
+      return () => {
+      };
+    }
+    if (globalBuildStatus === BuildStatus.NOT_BUILT || globalBuildStatus === BuildStatus.BUILDING || isRootNode) {
+      setFactorsCount(DEFAULT_FACTOR_COUNT);
+      return () => {
+      };
     }
     const formValues = getValues();
     const filteredInjectionsSet = filterSensiParameterRows(formValues[PARAMETER_SENSI_INJECTIONS_SET]);
@@ -129,7 +132,8 @@ const useSensitivityAnalysisParametersForm = ({
     const hasAnyEntries = filteredInjectionsSet.length > 0 || filteredInjection.length > 0 || filteredHvdc.length > 0 || filteredPst.length > 0 || filteredNodes.length > 0;
     if (!hasAnyEntries) {
       resetFactorsCount();
-      return;
+      return () => {
+      };
     }
     const filteredFormValues = {
       ...formValues,
@@ -139,19 +143,7 @@ const useSensitivityAnalysisParametersForm = ({
       [PARAMETER_SENSI_PST]: filteredPst,
       [PARAMETER_SENSI_NODES]: filteredNodes
     };
-    setFactorCountParams(formatNewParams(filteredFormValues));
-  }, [currentNodeUuid, currentRootNetworkUuid, formatNewParams, getValues, resetFactorsCount]);
-  useEffect(() => {
-    let active = true;
-    if (!factorCountParams || !currentNodeUuid || !currentRootNetworkUuid) {
-      return () => {
-      };
-    }
-    if (globalBuildStatus === BuildStatus.NOT_BUILT || globalBuildStatus === BuildStatus.BUILDING || isRootNode) {
-      setFactorsCount(DEFAULT_FACTOR_COUNT);
-      return () => {
-      };
-    }
+    const factorCountParams = formatNewParams(filteredFormValues);
     let loadingTimeoutId;
     const controller = new AbortController();
     const abortSignal = AbortSignal.any([controller.signal, AbortSignal.timeout(DEFAULT_TIMEOUT_MS)]);
@@ -187,13 +179,17 @@ const useSensitivityAnalysisParametersForm = ({
     studyUuid,
     currentRootNetworkUuid,
     currentNodeUuid,
-    factorCountParams,
+    factorCountRefreshTrigger,
+    getValues,
+    formatNewParams,
+    resetFactorsCount,
+    paramsFormInitialized,
     globalBuildStatus,
     isRootNode
   ]);
   const onFormChanged = useCallback(() => {
-    updateFactorCount();
-  }, [updateFactorCount]);
+    setFactorCountRefreshTrigger((prevState) => prevState + 1);
+  }, []);
   const fromSensitivityAnalysisParamsDataToFormValues = useCallback(
     (parameters) => {
       return {
@@ -325,16 +321,14 @@ const useSensitivityAnalysisParametersForm = ({
   );
   const onSaveInline = useCallback(
     (newParams) => {
-      setIsSubmitAction(true);
       setSensitivityAnalysisParameters(studyUuid, formatNewParams(newParams)).then(() => {
         const formattedParams = formatNewParams(newParams);
-        setSensitivityAnalysisParams(formattedParams);
         updateParameters(formattedParams);
       }).catch((error) => {
         snackWithFallback(snackError, error, { headerId: "updateSensitivityAnalysisParametersError" });
       });
     },
-    [setSensitivityAnalysisParams, snackError, studyUuid, formatNewParams, updateParameters]
+    [snackError, studyUuid, formatNewParams, updateParameters]
   );
   const onSaveDialog = useCallback(
     (formData) => {
@@ -352,23 +346,10 @@ const useSensitivityAnalysisParametersForm = ({
     },
     [parametersUuid, formatNewParams, snackError]
   );
-  useEffect(() => {
-    if (sensitivityAnalysisParams) {
-      reset(fromSensitivityAnalysisParamsDataToFormValues(sensitivityAnalysisParams));
-      if (!isSubmitAction) {
-        onFormChanged();
-      }
-    }
-  }, [
-    fromSensitivityAnalysisParamsDataToFormValues,
-    sensitivityAnalysisParams,
-    isSubmitAction,
-    reset,
-    onFormChanged
-  ]);
   useEffect(() => {
     if (params) {
       reset(fromSensitivityAnalysisParamsDataToFormValues(params));
+      setParamsFormInitialized(true);
     }
   }, [params, reset, fromSensitivityAnalysisParamsDataToFormValues]);
   const isMaxResultsReached = useMemo(
@@ -379,7 +360,6 @@ const useSensitivityAnalysisParametersForm = ({
     () => factorsCount.variableCount !== null && factorsCount.variableCount > MAX_VARIABLES_COUNT,
     [factorsCount]
   );
-  const paramsLoaded = useMemo(() => !!params, [params]);
   return {
     formMethods,
     formSchema,
@@ -387,7 +367,7 @@ const useSensitivityAnalysisParametersForm = ({
     fromSensitivityAnalysisParamsDataToFormValues,
     formatNewParams,
     params,
-    paramsLoaded,
+    paramsFormInitialized,
     isStudyLinked,
     onSaveInline,
     onSaveDialog,

package/dist/components/parameters/sensi/utils.d.ts

@@ -211,10 +211,10 @@ export declare const getSensiPstformatNewParams: (newParams: SensitivityAnalysis
     }[] | undefined;
 };
 export declare const hasVariables: (row: any) => boolean;
-export declare const hasMonitoredEquipments: (row: any) => boolean;
-export declare const isActivatedSensiParameterRow: (entry: FieldValues) => any;
-export declare const isValidSensiParameterRow: (entry: FieldValues) => any;
-export declare const filterSensiParameterRows: (entries?: FieldValues[]) => FieldValues[];
+export declare const hasMonitoredEquipments: (row: FieldValues) => boolean;
+export declare const isActivatedSensiParameterRow: (row: FieldValues) => any;
+export declare const isValidSensiParameterRow: (row: FieldValues) => any;
+export declare const filterSensiParameterRows: (rows?: FieldValues[]) => FieldValues[];
 export declare const formSchema: yup.ObjectSchema<{
     sensitivityNodes: {
         contingencies?: {

package/dist/components/parameters/sensi/utils.js

@@ -41,7 +41,9 @@ import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
-import { ACTIVATED } from "../common/parameter-table/constants.js";
+import { ACTIVATED } from "../common/parameter-table-field/constants.js";
+import "react-dom";
+import "@hello-pangea/dnd";
 import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../filter/HeaderFilterForm.js";
@@ -326,13 +328,13 @@ const hasVariables = (row) => {
 const hasMonitoredEquipments = (row) => {
   return row[MONITORED_BRANCHES]?.length > 0 || row[SUPERVISED_VOLTAGE_LEVELS]?.length > 0;
 };
-const isActivatedSensiParameterRow = (entry) => {
-  return entry[ACTIVATED];
+const isActivatedSensiParameterRow = (row) => {
+  return row[ACTIVATED];
 };
-const isValidSensiParameterRow = (entry) => {
-  return isActivatedSensiParameterRow(entry) && hasMonitoredEquipments(entry) && hasVariables(entry);
+const isValidSensiParameterRow = (row) => {
+  return isActivatedSensiParameterRow(row) && hasMonitoredEquipments(row) && hasVariables(row);
 };
-const filterSensiParameterRows = (entries) => (entries ?? []).filter((entry) => isValidSensiParameterRow(entry));
+const filterSensiParameterRows = (rows) => (rows ?? []).filter((row) => isValidSensiParameterRow(row));
 const formSchema = yup.object().shape({
   [PROVIDER]: yup.string().required(),
   [FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD]: yup.number().required(),

package/dist/components/parameters/short-circuit/short-circuit-general-tab-panel.js

@@ -48,6 +48,8 @@ import { TabPanel } from "../common/parameters.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.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/short-circuit/short-circuit-parameters-content.js

@@ -42,6 +42,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/short-circuit/short-circuit-parameters-dialog.js

@@ -44,6 +44,8 @@ import { ShortCircuitParametersForm } from "./short-circuit-parameters-form.js";
 import { ComputingType } from "../common/computing-type.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";
 function ShortCircuitParametersEditionDialog({

package/dist/components/parameters/short-circuit/short-circuit-parameters-inline.js

@@ -13,8 +13,8 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import "react-hook-form";
 import "../../overflowableText/OverflowableText.js";
+import "react-hook-form";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
 import "yup";
@@ -42,6 +42,8 @@ import { LabelledButton } from "../common/parameters.js";
 import { CreateParameterDialog } from "../common/parameters-creation-dialog.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/short-circuit/short-circuit-parameters-utils.js

@@ -41,6 +41,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/short-circuit/short-circuit-power-electronics-tab-panel.js

@@ -41,6 +41,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/short-circuit/short-circuit-study-area-tab-panel.js

@@ -45,6 +45,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/short-circuit/use-short-circuit-parameters-form.js

@@ -45,6 +45,8 @@ import { SPECIFIC_PARAMETERS, COMMON_PARAMETERS, VERSION_PARAMETER, PROVIDER } f
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.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 { ShortCircuitParametersTabValues, getDefaultShortCircuitSpecificParamsValues, getSpecificShortCircuitParametersFormSchema, getCommonShortCircuitParametersFormSchema, getShortCircuitSpecificParametersValues, formatShortCircuitSpecificParameters } from "./short-circuit-parameters-utils.js";
 const useShortCircuitParametersForm = ({

package/dist/components/parameters/voltage-init/equipment-selection-parameters.js

@@ -40,6 +40,8 @@ import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 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/voltage-init/general-parameters.js

@@ -42,6 +42,8 @@ import { ParameterFloat } from "../common/widget/parameter-float.js";
 import "../common/widget/parameter-line-slider.js";
 import { ParameterSwitch } from "../common/widget/parameter-switch.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/voltage-init/voltage-init-parameters-form.js

@@ -38,6 +38,8 @@ import { TabPanel } from "../common/parameters.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.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/voltage-init/voltage-init-parameters-inline.js

@@ -14,8 +14,8 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import "react-hook-form";
 import "../../overflowableText/OverflowableText.js";
+import "react-hook-form";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
 import "yup";
@@ -43,6 +43,8 @@ import { LabelledButton } from "../common/parameters.js";
 import { CreateParameterDialog } from "../common/parameters-creation-dialog.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/voltage-init/voltage-limits-parameters.js

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useFieldArray } from "react-hook-form";
 import { Info } from "@mui/icons-material";
-import { Tooltip, IconButton, Grid, Typography } from "@mui/material";
-import { useIntl, FormattedMessage } from "react-intl";
+import { Tooltip, Grid } from "@mui/material";
+import { useIntl } from "react-intl";
 import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
 import { VoltageAdornment } from "../../../utils/constants/adornments.js";
 import { FILTERS } from "../../../utils/constants/filterConstant.js";
@@ -11,8 +10,10 @@ import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import { EquipmentType } from "../../../utils/types/equipmentType.js";
 import "../../../utils/yupConfig.js";
-import { DndTable } from "../../dnd-table/dnd-table.js";
-import { DndColumnType, SELECTED } from "../../dnd-table/dnd-table.type.js";
+import "react-dom";
+import "react-hook-form";
+import "@hello-pangea/dnd";
+import { DndColumnType, SELECTED } from "../../dnd-table-v2/dnd-table.type.js";
 import "../../overflowableText/OverflowableText.js";
 import "localized-countries";
 import "localized-countries/data/fr";
@@ -39,6 +40,7 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
+import { ParameterTableField } from "../common/parameter-table-field/parameter-table-field.js";
 function VoltageLimitsParameters() {
   const intl = useIntl();
   const VoltageLevelFilterTooltip = useMemo(() => {
@@ -48,7 +50,9 @@ function VoltageLimitsParameters() {
         title: intl.formatMessage({
           id: "VoltageLevelFilterTooltip"
         }),
-        children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Info, {}) })
+        placement: "right-start",
+        sx: { marginLeft: 1 },
+        children: /* @__PURE__ */ jsx(Info, {})
       }
     );
   }, [intl]);
@@ -142,43 +146,25 @@ function VoltageLimitsParameters() {
     return newRowData;
   }, [VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS]);
   const createVoltageLimitDefaultRows = () => [newDefaultRowData];
-  const useVoltageLimitsModificationFieldArrayOutput = useFieldArray({
-    name: `${VOLTAGE_LIMITS_MODIFICATION}`
-  });
-  const useVoltageLimitsDefaultFieldArrayOutput = useFieldArray({
-    name: `${VOLTAGE_LIMITS_DEFAULT}`
-  });
   return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AdjustExistingLimits" }) }),
-      /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AdjustExistingLimitsInfo" }),
-          placement: "right-start",
-          sx: { marginLeft: 1 },
-          children: /* @__PURE__ */ jsx(Info, {})
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsx(
-      DndTable,
+      ParameterTableField,
       {
-        arrayFormName: `${VOLTAGE_LIMITS_MODIFICATION}`,
+        name: `${VOLTAGE_LIMITS_MODIFICATION}`,
+        label: "AdjustExistingLimits",
+        tooltipProps: { title: "AdjustExistingLimitsInfo" },
         columnsDefinition: VOLTAGE_LIMITS_MODIFICATION_COLUMNS_DEFINITIONS,
-        useFieldArrayOutput: useVoltageLimitsModificationFieldArrayOutput,
         createRows: createVoltageLimitModificationRows,
         tableHeight: 270,
         withAddRowsDialog: false
       }
     ),
-    /* @__PURE__ */ jsx(Typography, { component: "span", variant: "h6", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "SetDefaultLimits" }) }),
     /* @__PURE__ */ jsx(
-      DndTable,
+      ParameterTableField,
       {
-        arrayFormName: `${VOLTAGE_LIMITS_DEFAULT}`,
+        name: `${VOLTAGE_LIMITS_DEFAULT}`,
+        label: "SetDefaultLimits",
         columnsDefinition: VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS,
-        useFieldArrayOutput: useVoltageLimitsDefaultFieldArrayOutput,
         createRows: createVoltageLimitDefaultRows,
         tableHeight: 270,
         withAddRowsDialog: false

package/dist/hooks/index.d.ts

@@ -16,5 +16,4 @@ export * from './useSnackMessage';
 export * from './useFormatLabelWithUnit';
 export * from './useSelectAppearance';
 export * from './use-parameters-backend';
-export * from './use-create-row-data';
 export * from './useGetLabelEquipmentTypes';

package/dist/hooks/index.js

@@ -11,14 +11,12 @@ import { useSnackMessage } from "./useSnackMessage.js";
 import { useFormatLabelWithUnit } from "./useFormatLabelWithUnit.js";
 import { useSelectAppearance } from "./useSelectAppearance.js";
 import { OptionalServicesStatus, useParametersBackend } from "./use-parameters-backend.js";
-import { useCreateRowData } from "./use-create-row-data.js";
 import { useGetLabelEquipmentTypes } from "./useGetLabelEquipmentTypes.js";
 export {
   OptionalServicesStatus,
   getComputedLanguage,
   getSystemLanguage,
   useConfidentialityWarning,
-  useCreateRowData,
   useDebounce,
   useFormatLabelWithUnit,
   useGetLabelEquipmentTypes,

package/dist/index.js

@@ -160,7 +160,7 @@ import { LimitReductionsTableForm } from "./components/parameters/common/limitre
 import { LimitReductionTableRow } from "./components/parameters/common/limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./components/parameters/common/limitreductions/limit-reduction-table-cell.js";
 import { ContingencyTable } from "./components/parameters/common/contingency-table/contingency-table.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./components/parameters/common/contingency-table/columns-definitions.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFormSchema, isValidContingencyRow, toFormValuesContingencyListsInfos } from "./components/parameters/common/contingency-table/columns-definitions.js";
 import { useTabs } from "./components/parameters/common/hook/use-tabs.js";
 import { useParametersForm } from "./components/parameters/common/hook/use-parameters-form.js";
 import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INTL_LINE_FLOW_MODE_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NAD_POSITIONS_GENERATION_MODE, NAD_POSITIONS_GENERATION_MODE_LABEL, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_NAD_POSITIONS_GENERATION_MODE, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./components/parameters/network-visualizations/constants.js";
@@ -183,7 +183,7 @@ import { SecurityAnalysisParametersInline } from "./components/parameters/securi
 import { SecurityAnalysisParametersDialog } from "./components/parameters/security-analysis/security-analysis-parameters-dialog.js";
 import { SensitivityAnalysisParametersInline } from "./components/parameters/sensi/sensitivity-analysis-parameters-inline.js";
 import { SensitivityAnalysisParametersDialog } from "./components/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 "./components/parameters/sensi/columns-definitions.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, SensiTabValues } from "./components/parameters/sensi/columns-definitions.js";
 import { DynamicSimulationInline } from "./components/parameters/dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./components/parameters/dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./components/parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js";
@@ -310,7 +310,6 @@ import { useSnackMessage } from "./hooks/useSnackMessage.js";
 import { useFormatLabelWithUnit } from "./hooks/useFormatLabelWithUnit.js";
 import { useSelectAppearance } from "./hooks/useSelectAppearance.js";
 import { OptionalServicesStatus, useParametersBackend } from "./hooks/use-parameters-backend.js";
-import { useCreateRowData } from "./hooks/use-create-row-data.js";
 import { useGetLabelEquipmentTypes } from "./hooks/useGetLabelEquipmentTypes.js";
 import { LOGOUT_ERROR, RESET_AUTHENTICATION_ROUTER_ERROR, SHOW_AUTH_INFO_LOGIN, SIGNIN_CALLBACK_ERROR, UNAUTHORIZED_USER_INFO, USER, USER_VALIDATION_ERROR, resetAuthenticationRouterError, setLoggedUser, setLogoutError, setShowAuthenticationRouterLogin, setSignInCallbackError, setUnauthorizedUserInfo, setUserValidationError } from "./redux/actions/authActions.js";
 import { getUserToken, setCommonStore } from "./redux/commonStore.js";
@@ -708,7 +707,6 @@ export {
   PRIORITY,
   PROVIDER,
   PSTS_EQUIPMENT_TYPES,
-  ParamContingencyLists,
   ParameterFloat,
   ParameterGroup,
   ParameterLineDirectoryItemsInput,
@@ -785,11 +783,6 @@ export {
   SelectInput,
   SelectWithConfirmationInput,
   SensiBranchesTabValues,
-  SensiHvdcs,
-  SensiInjection,
-  SensiInjectionsSet,
-  SensiNodes,
-  SensiPsts,
   SensiTabValues,
   SensitivityAnalysisParametersDialog,
   SensitivityAnalysisParametersInline,
@@ -1087,6 +1080,7 @@ export {
   isObjectEmpty,
   isStudyMetadata,
   isValidComputingType,
+  isValidContingencyRow,
   italicFontTextField,
   keyGenerator,
   kiloUnitToUnit,
@@ -1189,7 +1183,6 @@ export {
   updateVoltageInitParameters,
   useConfidentialityWarning,
   useConvertValue,
-  useCreateRowData,
   useCsvExport,
   useCustomFormContext,
   useDebounce,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.193.0",
+    "version": "0.194.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",

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

@@ -1,9 +0,0 @@
-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;