@gridsuite/commons-ui 0.239.0 → 0.241.0

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

@@ -1,23 +1,21 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Grid, LinearProgress } from "@mui/material";
-import { FormattedMessage } from "react-intl";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Grid2 } from "@mui/material";
 import { parametersStyles } from "../parameters-style.js";
 import "@mui/icons-material";
+import "react";
+import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
-import { mergeSx } from "../../../utils/styles.js";
-import "react";
 import "react-hook-form";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
-import { CustomFormProvider } from "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
 import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
-import { MuiSelectInput } from "../../../components/ui/reactHookForm/selectInputs/MuiSelectInput.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";
@@ -32,8 +30,9 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { PROVIDER } from "../common/constants.js";
 import { LineSeparator } from "../common/line-separator.js";
+import "../common/parameter-layout/parameter-layout-provider.js";
+import { ProviderParam } from "../common/provider-param.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";
@@ -42,94 +41,38 @@ import "@hookform/resolvers/yup";
 import "../../../components/composite/filter/HeaderFilterForm.js";
 import { SensitivityAnalysisFields } from "./sensitivity-parameters-fields.js";
 import SensitivityParametersSelector from "./sensitivity-parameters-selector.js";
-const styles = {
-  sensibilityAnalysisParameters: {
-    flexGrow: 1,
-    paddingLeft: 1,
-    overflow: "auto",
-    display: "flex",
-    flexDirection: "column",
-    height: "100%"
-  },
-  actions: (theme) => ({
-    flexGrow: 0,
-    paddingBottom: theme.spacing(3)
-  })
-};
 function SensitivityAnalysisParametersForm({
   sensitivityAnalysisMethods,
-  renderTitleFields,
-  renderActions,
   isDeveloperMode,
   isRootNode,
   globalBuildStatus
 }) {
-  return /* @__PURE__ */ jsx(
-    CustomFormProvider,
-    {
-      validationSchema: sensitivityAnalysisMethods.formSchema,
-      ...sensitivityAnalysisMethods.formMethods,
-      children: /* @__PURE__ */ jsxs(Box, { sx: styles.sensibilityAnalysisParameters, children: [
-        renderTitleFields?.(),
-        sensitivityAnalysisMethods.paramsFormInitialized ? /* @__PURE__ */ jsxs(Box, { sx: mergeSx(parametersStyles.scrollableGrid, { paddingTop: 0, maxHeight: "100%" }), children: [
-          /* @__PURE__ */ jsxs(
-            Grid,
-            {
-              container: true,
-              spacing: 1,
-              sx: {
-                padding: 0,
-                paddingBottom: 2,
-                height: "fit-content"
-              },
-              justifyContent: "space-between",
-              children: [
-                /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, xl: 4, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Provider" }) }),
-                /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, xl: 2, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
-                  MuiSelectInput,
-                  {
-                    name: PROVIDER,
-                    size: "small",
-                    options: Object.values(sensitivityAnalysisMethods.formattedProviders)
-                  }
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              sx: {
-                flexGrow: 1,
-                overflow: "auto",
-                paddingLeft: 1
-              },
-              children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-                /* @__PURE__ */ jsxs(Grid, { xl: 6, children: [
-                  /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) }),
-                  /* @__PURE__ */ jsx(SensitivityAnalysisFields, {})
-                ] }),
-                /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 4, paddingBottom: 2, children: /* @__PURE__ */ jsx(LineSeparator, {}) }),
-                /* @__PURE__ */ jsx(
-                  SensitivityParametersSelector,
-                  {
-                    onFormChanged: sensitivityAnalysisMethods.onFormChanged,
-                    isLoading: sensitivityAnalysisMethods.isLoading,
-                    factorsCount: sensitivityAnalysisMethods.factorsCount,
-                    isDeveloperMode,
-                    isStudyLinked: sensitivityAnalysisMethods.isStudyLinked,
-                    isRootNode,
-                    globalBuildStatus
-                  }
-                )
-              ] }, "sensitivityAnalysisParameters")
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx(LinearProgress, {}),
-        renderActions && /* @__PURE__ */ jsx(Box, { sx: styles.actions, children: renderActions() })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ jsxs(Stack, { sx: parametersStyles.scrollableGrid, children: [
+    /* @__PURE__ */ jsx(
+      ProviderParam,
+      {
+        options: sensitivityAnalysisMethods.formattedProviders,
+        id: "Sensi",
+        sx: { paddingBottom: 1 }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(SensitivityAnalysisFields, {}),
+      /* @__PURE__ */ jsx(Grid2, { container: true, size: 12, paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) }),
+      /* @__PURE__ */ jsx(
+        SensitivityParametersSelector,
+        {
+          onFormChanged: sensitivityAnalysisMethods.onFormChanged,
+          isLoading: sensitivityAnalysisMethods.isLoading,
+          factorsCount: sensitivityAnalysisMethods.factorsCount,
+          isDeveloperMode,
+          isStudyLinked: sensitivityAnalysisMethods.isStudyLinked,
+          isRootNode,
+          globalBuildStatus
+        }
+      )
+    ] })
+  ] });
 }
 export {
   SensitivityAnalysisParametersForm

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

@@ -1,44 +1,40 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Grid, DialogActions, Button } from "@mui/material";
-import { useState, useCallback, useEffect } from "react";
-import { useIntl, FormattedMessage } from "react-intl";
+import { jsx } from "react/jsx-runtime";
+import { 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 { mapSensitivityAnalysisParameters } from "../../../utils/types/sensitivity-analysis.type.js";
 import "@mui/icons-material";
-import { mergeSx } from "../../../utils/styles.js";
-import { parametersStyles } from "../parameters-style.js";
-import { CreateParameterDialog } from "../common/parameters-creation-dialog.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 { fetchSensitivityAnalysisParameters, setSensitivityAnalysisParameters } from "../../../services/sensitivity-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";
@@ -57,7 +53,6 @@ function SensitivityAnalysisParametersInline({
   isRootNode,
   isDeveloperMode
 }) {
-  const intl = useIntl();
   const { snackError } = useSnackMessage();
   const sensitivityAnalysisMethods = useSensitivityAnalysisParametersForm({
     studyUuid,
@@ -70,14 +65,10 @@ function SensitivityAnalysisParametersInline({
     globalBuildStatus,
     isRootNode
   });
-  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
-  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
-  const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
-  const { reset, handleSubmit, formState, getValues } = sensitivityAnalysisMethods.formMethods;
+  const { reset, formState, getValues, handleSubmit } = sensitivityAnalysisMethods.formMethods;
   const handleSensibilityParameter = useCallback(
     (newParams) => {
       if (newParams && newParams.length > 0) {
-        setOpenSelectParameterDialog(false);
         fetchSensitivityAnalysisParameters(newParams[0].id).then((parameters) => {
           console.info(`loading the following sensi parameters : ${parameters.uuid}`);
           reset(sensitivityAnalysisMethods.fromSensitivityAnalysisParamsDataToFormValues(parameters), {
@@ -88,7 +79,6 @@ function SensitivityAnalysisParametersInline({
           snackWithFallback(snackError, error, { headerId: "paramsRetrievingError" });
         });
       }
-      setOpenSelectParameterDialog(false);
     },
     [reset, sensitivityAnalysisMethods, snackError]
   );
@@ -101,90 +91,41 @@ function SensitivityAnalysisParametersInline({
     reset(sensitivityAnalysisMethods.emptyFormData);
     resetSensitivityAnalysisParameters();
     sensitivityAnalysisMethods.resetFactorsCount();
-    setOpenResetConfirmation(false);
   }, [reset, sensitivityAnalysisMethods, resetSensitivityAnalysisParameters]);
-  const handleResetClick = useCallback(() => {
-    setOpenResetConfirmation(true);
-  }, []);
-  const handleCancelReset = useCallback(() => {
-    setOpenResetConfirmation(false);
-  }, []);
   useEffect(() => {
     setHaveDirtyFields(formState.isDirty);
   }, [formState, setHaveDirtyFields]);
   return /* @__PURE__ */ jsx(
-    SensitivityAnalysisParametersForm,
+    CustomFormProvider,
     {
-      sensitivityAnalysisMethods,
-      isDeveloperMode,
-      isRootNode,
-      globalBuildStatus,
-      renderActions: () => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, container: true, children: /* @__PURE__ */ jsxs(
-            DialogActions,
+      validationSchema: sensitivityAnalysisMethods.formSchema,
+      ...sensitivityAnalysisMethods.formMethods,
+      children: /* @__PURE__ */ jsx(
+        ParameterLayout,
+        {
+          title: "SensitivityAnalysis",
+          isLoading: !sensitivityAnalysisMethods.paramsFormInitialized,
+          parameterType: ElementType.SENSITIVITY_PARAMETERS,
+          createParameter: {
+            studyUuid,
+            getParameterValues: getValues,
+            parameterFormatter: (newParams) => mapSensitivityAnalysisParameters(sensitivityAnalysisMethods.formatNewParams(newParams))
+          },
+          selectParameterHandler: handleSensibilityParameter,
+          resetHandler: clear,
+          validateHandler: handleSubmit(sensitivityAnalysisMethods.onSaveInline),
+          validateDisabled: sensitivityAnalysisMethods.isLoading || sensitivityAnalysisMethods.isMaxResultsReached || sensitivityAnalysisMethods.isMaxVariablesReached,
+          children: /* @__PURE__ */ jsx(
+            SensitivityAnalysisParametersForm,
             {
-              sx: mergeSx(parametersStyles.controlParametersItem, {
-                paddingLeft: 0,
-                paddingBottom: 2
-              }),
-              children: [
-                /* @__PURE__ */ jsx(Button, { onClick: () => setOpenSelectParameterDialog(true), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "settings.button.chooseSettings" }) }),
-                /* @__PURE__ */ jsx(Button, { onClick: () => setOpenCreateParameterDialog(true), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "save" }) }),
-                /* @__PURE__ */ jsx(Button, { onClick: handleResetClick, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "resetToDefault" }) }),
-                /* @__PURE__ */ jsx(
-                  SubmitButton,
-                  {
-                    onClick: handleSubmit(sensitivityAnalysisMethods.onSaveInline),
-                    variant: "outlined",
-                    disabled: sensitivityAnalysisMethods.isLoading || sensitivityAnalysisMethods.isMaxResultsReached || sensitivityAnalysisMethods.isMaxVariablesReached,
-                    children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
-                  }
-                )
-              ]
-            }
-          ) }),
-          openCreateParameterDialog && /* @__PURE__ */ jsx(
-            CreateParameterDialog,
-            {
-              studyUuid,
-              open: openCreateParameterDialog,
-              onClose: () => setOpenCreateParameterDialog(false),
-              parameterValues: getValues,
-              parameterFormatter: (newParams) => mapSensitivityAnalysisParameters(
-                sensitivityAnalysisMethods.formatNewParams(newParams)
-              ),
-              parameterType: ElementType.SENSITIVITY_PARAMETERS
-            }
-          ),
-          openSelectParameterDialog && /* @__PURE__ */ jsx(
-            DirectoryItemSelector,
-            {
-              open: openSelectParameterDialog,
-              onClose: handleSensibilityParameter,
-              types: [ElementType.SENSITIVITY_PARAMETERS],
-              title: intl.formatMessage({
-                id: "showSelectParameterDialog"
-              }),
-              onlyLeaves: true,
-              multiSelect: false,
-              validationButtonText: intl.formatMessage({
-                id: "validate"
-              })
-            }
-          ),
-          openResetConfirmation && /* @__PURE__ */ jsx(
-            PopupConfirmationDialog,
-            {
-              message: "resetParamsConfirmation",
-              validateButtonLabel: "validate",
-              openConfirmationPopup: openResetConfirmation,
-              setOpenConfirmationPopup: handleCancelReset,
-              handlePopupConfirmation: clear
+              sensitivityAnalysisMethods,
+              isDeveloperMode,
+              isRootNode,
+              globalBuildStatus
             }
           )
-        ] });
-      }
+        }
+      )
     }
   );
 }

package/dist/features/parameters/sensi/sensitivity-parameters-fields.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD, ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD, FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD } from "./constants.js";
 import "@mui/icons-material";
@@ -31,35 +31,26 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
+import { parametersStyles } from "../parameters-style.js";
 function SensitivityAnalysisFields() {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsx(
-      Grid,
-      {
-        item: true,
-        sx: {
-          fontWeight: "bold",
-          marginBottom: "10px"
-        },
-        children: /* @__PURE__ */ jsx(FormattedMessage, { id: "flowSensitivityValue" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, paddingTop: 1, children: [
+    /* @__PURE__ */ jsx(Grid2, { sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "flowSensitivityValue" }) }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 1, children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FLOW_FLOW_SENSITIVITY_VALUE_THRESHOLD,
           label: "flowFlowSensitivityValueThreshold"
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: ANGLE_FLOW_SENSITIVITY_VALUE_THRESHOLD,
           label: "angleFlowSensitivityValueThreshold"
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
         FloatInput,
         {
           name: FLOW_VOLTAGE_SENSITIVITY_VALUE_THRESHOLD,

package/dist/features/parameters/sensi/sensitivity-parameters-selector.js

@@ -1,36 +1,37 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
-import { Grid, Box, Tabs, Tab, Card, CardContent } from "@mui/material";
+import { Grid2, Box, Tabs, Tab, Card, CardContent } from "@mui/material";
 import { useFormContext } from "react-hook-form";
 import { SensiTabValues, SensiBranchesTabValues, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_PSTS, COLUMNS_DEFINITIONS_NODES } from "./columns-definitions.js";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
 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 "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
 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 "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";
@@ -139,7 +140,7 @@ function SensitivityParametersSelector({
       setTabValue(SensiTabValues.SensitivityBranches);
     }
   }, [isDeveloperMode]);
-  return /* @__PURE__ */ jsxs(Grid, { sx: { width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs(Grid2, { sx: { width: "100%" }, children: [
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
       /* @__PURE__ */ jsx(Tabs, { value: tabValue, onChange: handleTabChange, children: tabInfo.map((tab, index) => /* @__PURE__ */ jsx(
         Tab,

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

@@ -7,21 +7,17 @@ import "../../../utils/types/equipmentType.js";
 import { DistributionType, SensitivityType } from "../../../utils/types/sensitivity-analysis.type.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
-import { PROVIDER, 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 { NAME } from "../../../components/ui/reactHookForm/constants.js";
 import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
 import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
@@ -29,12 +25,17 @@ 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 { PROVIDER, 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/short-circuit/short-circuit-general-tab-panel.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useMemo, useEffect } from "react";
-import { Grid } from "@mui/material";
+import { Grid2 } from "@mui/material";
 import { green, red } from "@mui/material/colors";
 import { Lens } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
 import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER, intlPredefinedParametersOptions, intlInitialVoltageProfileMode, PredefinedParameters, InitialVoltage, SHORT_CIRCUIT_WITH_FEEDER_RESULT } from "./constants.js";
 import { VoltageTable } from "./short-circuit-voltage-table.js";
-import GridItem from "../../../components/composite/grid/grid-item.js";
-import GridSection from "../../../components/composite/grid/grid-section.js";
+import { GridItem } from "../../../components/composite/grid/grid-item.js";
+import { GridSection } from "../../../components/composite/grid/grid-section.js";
 import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
@@ -39,8 +39,9 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { COMMON_PARAMETERS, SPECIFIC_PARAMETERS } from "../common/constants.js";
 import { TabPanel } from "../common/parameters.js";
+import "../common/parameter-layout/parameter-layout-provider.js";
+import { COMMON_PARAMETERS, SPECIFIC_PARAMETERS } from "../common/constants.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";
@@ -122,9 +123,9 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       const newPredefinedParameters = event.target.value;
       resetAll(newPredefinedParameters);
     };
-    const feederResult = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
+    const feederResult = /* @__PURE__ */ jsxs(Grid2, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid2, { size: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
+      /* @__PURE__ */ jsx(Grid2, { size: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${COMMON_PARAMETERS}.${SHORT_CIRCUIT_WITH_FEEDER_RESULT}` }) })
     ] });
     const predefinedParameters = /* @__PURE__ */ jsx(
       MuiSelectInput,
@@ -183,26 +184,26 @@ const ShortCircuitGeneralTabPanel = forwardRef(
       isIccMaxFeaturesDefaultConfiguration,
       isIccMinFeaturesDefaultConfiguration
     ]);
-    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 2, xl: 6, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
+    return /* @__PURE__ */ jsx(TabPanel, { index: ShortCircuitParametersTabValues.GENERAL, ref, ...othersTabPanelProps, children: /* @__PURE__ */ jsxs(Grid2, { container: true, paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx(Grid2, { container: true, paddingTop: 2, size: { xl: 6 }, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: feederResult }) }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPredefinedParameters", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid, { xl: 6, container: true, spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Grid2, { size: { xl: 6 }, container: true, spacing: 1, alignItems: "center", children: [
         /* @__PURE__ */ jsx(GridItem, { size: 9, children: predefinedParameters }),
         /* @__PURE__ */ jsx(GridItem, { size: 2, children: statusToShow })
       ] }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitCharacteristics", heading: 4 }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 5, children: [
-        /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 5, size: 12, children: [
+        /* @__PURE__ */ jsxs(Grid2, { children: [
           /* @__PURE__ */ jsx(GridItem, { children: loads }),
           /* @__PURE__ */ jsx(GridItem, { children: shuntCompensators })
         ] }),
-        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 8, children: [
+        /* @__PURE__ */ jsxs(Grid2, { size: 8, children: [
           /* @__PURE__ */ jsx(GridItem, { children: vsc }),
           /* @__PURE__ */ jsx(GridItem, { children: neutralPosition })
         ] })
       ] }),
       /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitVoltageProfileMode", heading: 4 }),
-      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
+      /* @__PURE__ */ jsx(Grid2, { container: true, children: /* @__PURE__ */ jsx(GridItem, { size: 12, children: initialVoltageProfileModeField }) }),
       /* @__PURE__ */ jsx(VoltageTable, { voltageProfileMode: watchInitialVoltageProfileMode })
     ] }) });
   }