@gridsuite/commons-ui 0.192.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 { 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 "../../filter/HeaderFilterForm.js";
-import { getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.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,8 +41,11 @@ 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";
 import { getNameElementEditorSchema } from "../common/name-element-editor/name-element-editor-utils.js";
 const getMonitoredBranchesSchema = () => {
@@ -325,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,7 +48,11 @@ 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";
 import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
 var Status = /* @__PURE__ */ ((Status2) => {
   Status2["SUCCESS"] = "SUCCESS";

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

@@ -42,7 +42,11 @@ 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";
 const styles = {
   container: {
     ...parametersStyles.scrollableGrid,

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

@@ -44,7 +44,10 @@ 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({
   id,
   open,

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,7 +42,11 @@ 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";
 import { ShortCircuitParametersForm } from "./short-circuit-parameters-form.js";
 import { useShortCircuitParametersForm } from "./use-short-circuit-parameters-form.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";

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

@@ -41,7 +41,11 @@ 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";
 import { getSpecificParametersFormSchema, getDefaultSpecificParamsValues, getAllSpecificParametersValues, formatSpecificParameters } from "../common/utils.js";
 var ShortCircuitParametersTabValues = /* @__PURE__ */ ((ShortCircuitParametersTabValues2) => {
   ShortCircuitParametersTabValues2["GENERAL"] = "General";

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

@@ -41,7 +41,11 @@ 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";
 import GridSection from "../../grid/grid-section.js";
 import GridItem from "../../grid/grid-item.js";
 import { SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS } from "./constants.js";

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

@@ -45,7 +45,11 @@ 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";
 import GridSection from "../../grid/grid-section.js";
 import GridItem from "../../grid/grid-item.js";
 import { NODE_CLUSTER_FILTER_IDS, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, onlyStartedGeneratorsOptions, STARTED_GENERATORS_IN_CALCULATION_CLUSTER_THRESHOLD, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER, STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER_THRESHOLD } from "./constants.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,7 +40,11 @@ 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";
 const equipmentsSelectionStyles = {
   alert: (theme) => ({
     display: "flex",

package/dist/components/parameters/voltage-init/general-parameters.js

@@ -42,7 +42,11 @@ 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";
 function GeneralParameters({ withApplyModifications }) {
   const { setValue } = useFormContext();
   const applyModificationsWatched = useWatch({

package/dist/components/parameters/voltage-init/voltage-init-parameters-form.js

@@ -38,7 +38,11 @@ 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";
 import { VoltageInitTabValues } from "./constants.js";
 import { GeneralParameters } from "./general-parameters.js";
 import { EquipmentSelectionParameters } from "./equipment-selection-parameters.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,7 +43,11 @@ 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";
 import { useVoltageInitParametersForm } from "./use-voltage-init-parameters-form.js";
 import { VoltageInitParametersForm } from "./voltage-init-parameters-form.js";
 import { fromVoltageInitParamsDataToFormValues, fromVoltageInitParametersFormToParamValues } from "./voltage-init-form-utils.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,