@gridsuite/commons-ui 0.239.0 → 0.241.0

package/dist/features/parameters/security-analysis/security-analysis-parameters-inline.js

@@ -1,46 +1,40 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useEffect } from "react";
-import { Box, Grid } from "@mui/material";
-import { useIntl, FormattedMessage } from "react-intl";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useCallback, useEffect } from "react";
 import "../../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../../utils/error.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
 import { mapSecurityAnalysisParameters } from "../../../utils/types/security-analysis.type.js";
 import "@mui/icons-material";
-import { mergeSx } from "../../../utils/styles.js";
-import { LineSeparator } from "../common/line-separator.js";
-import { LabelledButton } from "../common/parameters.js";
-import { CreateParameterDialog } from "../common/parameters-creation-dialog.js";
-import { parametersStyles } from "../parameters-style.js";
-import "../../../components/ui/overflowableText/OverflowableText.js";
-import "react-hook-form";
+import { ParameterLayout } from "../common/parameter-layout/parameter-layout.js";
+import "../common/parameter-layout/parameter-layout-provider.js";
+import "@mui/material";
+import "react-intl";
 import { fetchSecurityAnalysisParameters } from "../../../services/security-analysis.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
-import { SubmitButton } from "../../../components/ui/reactHookForm/utils/SubmitButton.js";
+import "react-hook-form";
+import { CustomFormProvider } from "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.js";
 import "yup";
-import { DirectoryItemSelector } from "../../../components/ui/directoryItemSelector/DirectoryItemSelector.js";
 import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
-import { PopupConfirmationDialog } from "../../../components/ui/dialogs/popupConfirmationDialog/PopupConfirmationDialog.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/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
-import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
-import "@hello-pangea/dnd";
-import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";
@@ -60,28 +54,16 @@ function SecurityAnalysisParametersInline({
 }) {
   const securityAnalysisMethods = useSecurityAnalysisParametersForm(parametersBackend, null, null, null);
   const { resetParameters } = parametersBackend;
-  const intl = useIntl();
-  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
-  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
-  const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
   const contingencyTableApiRef = useRef(null);
   const { snackError } = useSnackMessage();
   const { handleSubmit, formState, reset, getValues } = securityAnalysisMethods.formMethods;
   const executeResetAction = useCallback(() => {
     resetParameters();
     contingencyTableApiRef.current?.resetSimulatedContingencyCount();
-    setOpenResetConfirmation(false);
   }, [resetParameters]);
-  const handleResetAllClick = useCallback(() => {
-    setOpenResetConfirmation(true);
-  }, []);
-  const handleCancelReset = useCallback(() => {
-    setOpenResetConfirmation(false);
-  }, []);
   const handleLoadParameter = useCallback(
     (newParams) => {
       if (newParams && newParams.length > 0) {
-        setOpenSelectParameterDialog(false);
         fetchSecurityAnalysisParameters(newParams[0].id).then((parameters) => {
           console.info(`loading the following security analysis parameters :  ${parameters.uuid}`);
           reset(toFormValueSaParameters(parameters), {
@@ -92,7 +74,6 @@ function SecurityAnalysisParametersInline({
           snackWithFallback(snackError, error, { headerId: "paramsRetrievingError" });
         });
       }
-      setOpenSelectParameterDialog(false);
     },
     [reset, snackError]
   );
@@ -100,87 +81,37 @@ function SecurityAnalysisParametersInline({
     setHaveDirtyFields(formState.isDirty);
   }, [formState, setHaveDirtyFields]);
   return /* @__PURE__ */ jsx(
-    SecurityAnalysisParametersForm,
+    CustomFormProvider,
     {
-      securityAnalysisMethods,
-      showContingencyCount: true,
-      fetchContingencyCount,
-      contingencyTableApiRef,
-      isBuiltCurrentNode,
-      isDeveloperMode,
-      renderActions: () => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { flexGrow: 0 }, children: [
-            /* @__PURE__ */ jsx(LineSeparator, {}),
-            /* @__PURE__ */ jsxs(
-              Grid,
-              {
-                container: true,
-                item: true,
-                sx: mergeSx(parametersStyles.controlParametersItem, parametersStyles.marginTopButton, {
-                  paddingBottom: 0
-                }),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    LabelledButton,
-                    {
-                      callback: () => setOpenSelectParameterDialog(true),
-                      label: "settings.button.chooseSettings"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(LabelledButton, { callback: () => setOpenCreateParameterDialog(true), label: "save" }),
-                  /* @__PURE__ */ jsx(LabelledButton, { callback: handleResetAllClick, label: "resetToDefault" }),
-                  /* @__PURE__ */ jsx(
-                    SubmitButton,
-                    {
-                      onClick: handleSubmit(securityAnalysisMethods.onSaveInline),
-                      variant: "outlined",
-                      children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          openCreateParameterDialog && /* @__PURE__ */ jsx(
-            CreateParameterDialog,
-            {
-              studyUuid,
-              open: openCreateParameterDialog,
-              onClose: () => setOpenCreateParameterDialog(false),
-              parameterValues: getValues,
-              parameterFormatter: (newParams) => mapSecurityAnalysisParameters(securityAnalysisMethods.formatNewParams(newParams)),
-              parameterType: ElementType.SECURITY_ANALYSIS_PARAMETERS
-            }
-          ),
-          openSelectParameterDialog && /* @__PURE__ */ jsx(
-            DirectoryItemSelector,
-            {
-              open: openSelectParameterDialog,
-              onClose: handleLoadParameter,
-              types: [ElementType.SECURITY_ANALYSIS_PARAMETERS],
-              title: intl.formatMessage({
-                id: "showSelectParameterDialog"
-              }),
-              onlyLeaves: true,
-              multiSelect: false,
-              validationButtonText: intl.formatMessage({
-                id: "validate"
-              })
-            }
-          ),
-          openResetConfirmation && /* @__PURE__ */ jsx(
-            PopupConfirmationDialog,
+      validationSchema: securityAnalysisMethods.formSchema,
+      ...securityAnalysisMethods.formMethods,
+      children: /* @__PURE__ */ jsx(
+        ParameterLayout,
+        {
+          title: "SecurityAnalysis",
+          isLoading: !securityAnalysisMethods.paramsFormInitialized,
+          parameterType: ElementType.SECURITY_ANALYSIS_PARAMETERS,
+          createParameter: {
+            studyUuid,
+            getParameterValues: getValues,
+            parameterFormatter: (newParams) => mapSecurityAnalysisParameters(securityAnalysisMethods.formatNewParams(newParams))
+          },
+          selectParameterHandler: handleLoadParameter,
+          resetHandler: executeResetAction,
+          validateHandler: handleSubmit(securityAnalysisMethods.onSaveInline),
+          children: /* @__PURE__ */ jsx(
+            SecurityAnalysisParametersForm,
             {
-              message: "resetParamsConfirmation",
-              validateButtonLabel: "validate",
-              openConfirmationPopup: openResetConfirmation,
-              setOpenConfirmationPopup: handleCancelReset,
-              handlePopupConfirmation: executeResetAction
+              securityAnalysisMethods,
+              showContingencyCount: true,
+              fetchContingencyCount,
+              contingencyTableApiRef,
+              isBuiltCurrentNode,
+              isDeveloperMode
             }
           )
-        ] });
-      }
+        }
+      )
     }
   );
 }

package/dist/features/parameters/security-analysis/security-analysis-parameters-selector.js

@@ -1,35 +1,36 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
-import { Grid, Tabs, Tab } from "@mui/material";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
+import { Grid2, Tabs, Tab } from "@mui/material";
 import "@mui/icons-material";
 import { TabPanel } from "../common/parameters.js";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
-import "react-hook-form";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
-import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
-import "@hello-pangea/dnd";
-import "../../../components/ui/overflowableText/OverflowableText.js";
 import "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../../../components/ui/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/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
+import "../common/parameter-layout/parameter-layout-provider.js";
 import "../common/widget/parameter-line-slider.js";
 import { TabValues, TAB_INFO } from "../common/limitreductions/columns-definitions.js";
 import { LimitReductionsTableForm } from "../common/limitreductions/limit-reductions-table-form.js";
@@ -59,7 +60,7 @@ function SecurityAnalysisParametersSelector({
       setTabSelected(TabValues.General);
     }
   }, [currentProvider]);
-  return /* @__PURE__ */ jsxs(Grid, { sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsx(Tabs, { value: tabValue, onChange: handleTabChange, children: TAB_INFO.filter((t) => isDeveloperMode || !t.developerModeOnly).map(
       (tab, index) => (tab.label !== TabValues[TabValues.LimitReductions] || currentProvider === PARAM_PROVIDER_OPENLOADFLOW && params?.limitReductions) && /* @__PURE__ */ jsx(
         Tab,
@@ -76,7 +77,7 @@ function SecurityAnalysisParametersSelector({
     ) }),
     TAB_INFO.filter((t) => isDeveloperMode || !t.developerModeOnly).map((tab, index) => /* @__PURE__ */ jsxs(TabPanel, { value: tabValue, index, children: [
       tabValue === TabValues.General && /* @__PURE__ */ jsx(ViolationsHidingParameters, {}),
-      tabValue === TabValues.LimitReductions && currentProvider === PARAM_PROVIDER_OPENLOADFLOW && params?.limitReductions && /* @__PURE__ */ jsx(Grid, { sx: { width: "100%" }, children: /* @__PURE__ */ jsx(LimitReductionsTableForm, { limits: params?.limitReductions ?? defaultLimitReductions }) })
+      tabValue === TabValues.LimitReductions && currentProvider === PARAM_PROVIDER_OPENLOADFLOW && params?.limitReductions && /* @__PURE__ */ jsx(Grid2, { sx: { width: "100%" }, children: /* @__PURE__ */ jsx(LimitReductionsTableForm, { limits: params?.limitReductions ?? defaultLimitReductions }) })
     ] }, tab.label))
   ] });
 }

package/dist/features/parameters/security-analysis/security-analysis-violations-hiding.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Typography } from "@mui/material";
+import { Grid2, Typography } from "@mui/material";
 import { useIntl } from "react-intl";
 import { Info } from "@mui/icons-material";
 import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
@@ -32,6 +32,7 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
+import "../common/parameter-layout/parameter-layout-provider.js";
 import { PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD } from "../common/constants.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
@@ -47,14 +48,13 @@ function SecurityAnalysisFields({
   isSingleField
 }) {
   const intl = useIntl();
-  return /* @__PURE__ */ jsxs(Grid, { sx: isSingleField ? parametersStyles.singleItem : parametersStyles.multipleItems, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({ id: label }) }) }),
+  return /* @__PURE__ */ jsxs(Grid2, { sx: isSingleField ? parametersStyles.singleItem : parametersStyles.multipleItems, children: [
+    /* @__PURE__ */ jsx(Grid2, { size: 4, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({ id: label }) }) }),
     /* @__PURE__ */ jsx(
-      Grid,
+      Grid2,
       {
-        item: true,
         container: true,
-        xs: isSingleField ? 8 : 4,
+        size: isSingleField ? 8 : 4,
         sx: isSingleField ? parametersStyles.singleTextField : parametersStyles.firstTextField,
         children: /* @__PURE__ */ jsx(
           FloatInput,
@@ -68,7 +68,7 @@ function SecurityAnalysisFields({
         )
       }
     ),
-    !isSingleField && secondField && /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.secondTextField, children: /* @__PURE__ */ jsx(
+    !isSingleField && secondField && /* @__PURE__ */ jsx(Grid2, { container: true, size: 4, sx: parametersStyles.secondTextField, children: /* @__PURE__ */ jsx(
       FloatInput,
       {
         name: secondField.name,
@@ -119,7 +119,7 @@ const fieldsToShow = [
 function ViolationsHidingParameters() {
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 8, sx: parametersStyles.text, children: [
+    /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxs(Grid2, { size: 8, sx: parametersStyles.text, children: [
       /* @__PURE__ */ jsx(Typography, { children: intl.formatMessage({
         id: "securityAnalysis.violationsHiding"
       }) }),
@@ -132,9 +132,7 @@ function ViolationsHidingParameters() {
         }
       )
     ] }) }),
-    fieldsToShow?.map((item) => {
-      return /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(SecurityAnalysisFields, { ...item }) }, item.label);
-    })
+    fieldsToShow?.map((item) => /* @__PURE__ */ jsx(SecurityAnalysisFields, { ...item }, item.label))
   ] });
 }
 export {

package/dist/features/parameters/security-analysis/use-security-analysis-parameters-form.js

@@ -8,33 +8,34 @@ import "../../../utils/types/equipmentType.js";
 import { mapSecurityAnalysisParameters } from "../../../utils/types/security-analysis.type.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
-import { PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, CONTINGENCY_LISTS_INFOS, PARAM_SA_PROVIDER, CONTINGENCY_LISTS } from "../common/constants.js";
 import "@mui/material";
 import "react-intl";
+import "../../../components/ui/overflowableText/OverflowableText.js";
 import { updateParameter } from "../../../services/explore.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
-import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
-import "@hello-pangea/dnd";
-import "../../../components/ui/overflowableText/OverflowableText.js";
 import "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../../../components/ui/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/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
+import "../common/parameter-layout/parameter-layout-provider.js";
+import { PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, CONTINGENCY_LISTS_INFOS, PARAM_SA_PROVIDER, CONTINGENCY_LISTS } from "../common/constants.js";
 import "../common/widget/parameter-line-slider.js";
 import { LIMIT_REDUCTIONS_FORM, IST_FORM, LIMIT_DURATION_FORM, toFormValuesLimitReductions } from "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";

package/dist/features/parameters/sensi/columns-definitions.js

@@ -4,34 +4,35 @@ import { ElementType } from "../../../utils/types/elementType.js";
 import { EquipmentType } from "../../../utils/types/equipmentType.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
-import { CONTINGENCIES } from "../common/constants.js";
 import "@mui/material";
-import "react-intl";
 import "react";
+import "react-intl";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
-import "react-hook-form";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
-import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
-import "@hello-pangea/dnd";
-import "../../../components/ui/overflowableText/OverflowableText.js";
 import "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../../../components/ui/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/arrows_input.svg?react";
 import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
+import "../common/parameter-layout/parameter-layout-provider.js";
+import { CONTINGENCIES } from "../common/constants.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";

package/dist/features/parameters/sensi/sensitivity-analysis-parameters-dialog.js

@@ -1,4 +1,5 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid2 } from "@mui/material";
 import "react";
 import "react-intl";
 import "../../../utils/conversionUtils.js";
@@ -7,7 +8,6 @@ import "../../../utils/types/equipmentType.js";
 import { ComputingType } from "../../../utils/types/computing-type.js";
 import "@mui/icons-material";
 import { fetchSensitivityAnalysisProviders, fetchSensitivityAnalysisParameters, updateSensitivityAnalysisParameters } from "../../../services/sensitivity-analysis.js";
-import "@mui/material";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -77,7 +77,7 @@ function SensitivityAnalysisParametersDialog({
     formState: { errors, dirtyFields }
   } = sensitivityAnalysisMethods.formMethods;
   const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     CustomMuiDialog,
     {
       open,
@@ -91,25 +91,25 @@ function SensitivityAnalysisParametersDialog({
       },
       titleId,
       disabledSave: disableSave,
-      children: /* @__PURE__ */ jsx(
-        SensitivityAnalysisParametersForm,
-        {
-          sensitivityAnalysisMethods,
-          isDeveloperMode,
-          isRootNode,
-          globalBuildStatus,
-          renderTitleFields: () => {
-            return /* @__PURE__ */ jsx(
-              NameElementEditorForm,
-              {
-                initialElementName: name,
-                activeDirectory,
-                elementType: ElementType.SENSITIVITY_PARAMETERS
-              }
-            );
+      children: [
+        /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsx(
+          NameElementEditorForm,
+          {
+            initialElementName: name,
+            activeDirectory,
+            elementType: ElementType.SENSITIVITY_PARAMETERS
           }
-        }
-      )
+        ) }),
+        /* @__PURE__ */ jsx(
+          SensitivityAnalysisParametersForm,
+          {
+            sensitivityAnalysisMethods,
+            isDeveloperMode,
+            isRootNode,
+            globalBuildStatus
+          }
+        )
+      ]
     }
   );
 }

package/dist/features/parameters/sensi/sensitivity-analysis-parameters-form.d.ts

@@ -1,11 +1,9 @@
-import { ReactNode } from 'react';
+import { default as React } from 'react';
 import { UseSensitivityAnalysisParametersReturn } from './use-sensitivity-analysis-parameters';
 import { BuildStatus } from '../../node/constant';
-export declare function SensitivityAnalysisParametersForm({ sensitivityAnalysisMethods, renderTitleFields, renderActions, isDeveloperMode, isRootNode, globalBuildStatus, }: Readonly<{
+export declare function SensitivityAnalysisParametersForm({ sensitivityAnalysisMethods, isDeveloperMode, isRootNode, globalBuildStatus, }: Readonly<{
     sensitivityAnalysisMethods: UseSensitivityAnalysisParametersReturn;
-    renderTitleFields?: () => ReactNode;
-    renderActions?: () => ReactNode;
     isDeveloperMode: boolean;
     isRootNode: boolean;
     globalBuildStatus?: BuildStatus;
-}>): import("react").JSX.Element;
+}>): React.JSX.Element;