@gridsuite/commons-ui 0.109.1 → 0.111.0

package/dist/components/parameters/loadflow/use-load-flow-parameters-form.js

@@ -4,6 +4,7 @@ import { useState, useCallback, useMemo, useEffect } from "react";
 import { TabValues, getDefaultSpecificParamsValues, getSpecificLoadFlowParametersFormSchema, getCommonLoadFlowParametersFormSchema, mapLimitReductions, setSpecificParameters, setLimitReductions } from "./load-flow-parameters-utils.js";
 import { ParameterType } from "../../../utils/types/parameters.type.js";
 import { PROVIDER } from "../common/constant.js";
+import { getDialogParametersFormSchema } from "../common/parameters-edition-dialog-props.js";
 import "react/jsx-runtime";
 import "@mui/material";
 import "react-intl";
@@ -21,7 +22,7 @@ import { ElementType } from "../../../utils/types/elementType.js";
 import "../../treeViewFinder/TreeViewFinder.js";
 import * as yup from "yup";
 import "../../overflowableText/OverflowableText.js";
-import { DESCRIPTION_INPUT, NAME } from "../../inputs/reactHookForm/DirectoryItemsInput.js";
+import { DESCRIPTION, NAME } from "../../inputs/reactHookForm/constants.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -80,6 +81,7 @@ const useLoadFlowParametersForm = (parametersBackend, enableDeveloperMode, param
   const formSchema = useMemo(() => {
     var _a;
     return yup.object({
+      ...getDialogParametersFormSchema(name),
       [PROVIDER]: yup.string().required(),
       [PARAM_LIMIT_REDUCTION]: yup.number().nullable(),
       ...getCommonLoadFlowParametersFormSchema().fields,
@@ -220,7 +222,7 @@ const useLoadFlowParametersForm = (parametersBackend, enableDeveloperMode, param
           formatNewParams(formData),
           formData[NAME],
           ElementType.LOADFLOW_PARAMETERS,
-          formData[DESCRIPTION_INPUT] ?? ""
+          formData[DESCRIPTION] ?? ""
         );
       }
     },

package/dist/components/parameters/network-visualizations/map-parameters.js

@@ -2,6 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { MAP_BASE_MAP, NetworkVisualizationTabValues, PARAM_MAP_BASEMAP, INTL_MAP_BASE_MAP_OPTIONS, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, INTL_LINE_FLOW_MODE_OPTIONS, LINE_FLOW_MODE, PARAM_LINE_FLOW_MODE, MAP_MANUAL_REFRESH, PARAM_MAP_MANUAL_REFRESH } from "./constants.js";
+import "../../../utils/yupConfig.js";
 import { LineSeparator } from "../common/line-separator.js";
 import { parametersStyles } from "../parameters-style.js";
 import "react";
@@ -27,7 +28,6 @@ import { SwitchInput } from "../../inputs/reactHookForm/booleans/SwitchInput.js"
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.js";
 import "../../../utils/conversionUtils.js";
-import "../../../utils/yupConfig.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/parameters/network-visualizations/single-line-diagram-parameters.js

@@ -2,6 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { useMemo } from "react";
 import { FormattedMessage } from "react-intl";
+import "../../../utils/yupConfig.js";
 import { LineSeparator } from "../common/line-separator.js";
 import { parametersStyles } from "../parameters-style.js";
 import "../../../utils/types/equipmentType.js";
@@ -26,7 +27,6 @@ import { SwitchInput } from "../../inputs/reactHookForm/booleans/SwitchInput.js"
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.js";
 import "../../../utils/conversionUtils.js";
-import "../../../utils/yupConfig.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/parameters/network-visualizations/use-network-visualizations-parameters-form.js

@@ -17,7 +17,9 @@ import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import "@mui/icons-material";
 import * as yup from "yup";
 import "../../overflowableText/OverflowableText.js";
-import { DESCRIPTION_INPUT, NAME } from "../../inputs/reactHookForm/DirectoryItemsInput.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import { DESCRIPTION, NAME } from "../../inputs/reactHookForm/constants.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -25,7 +27,6 @@ import "react-papaparse";
 import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import "../../../utils/conversionUtils.js";
-import { ElementType } from "../../../utils/types/elementType.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
@@ -112,7 +113,7 @@ const useNetworkVisualizationParametersForm = ({
           formData,
           formData[NAME],
           ElementType.NETWORK_VISUALIZATIONS_PARAMETERS,
-          formData[DESCRIPTION_INPUT] ?? ""
+          formData[DESCRIPTION] ?? ""
         ).catch((error) => {
           snackError({
             messageTxt: error.message,

package/dist/components/parameters/security-analysis/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+export * from './security-analysis-parameters-inline';
+export * from './security-analysis-parameters-dialog';

package/dist/components/parameters/security-analysis/index.js

@@ -0,0 +1,6 @@
+import { SecurityAnalysisParametersInline } from "./security-analysis-parameters-inline.js";
+import { SecurityAnalysisParametersDialog } from "./security-analysis-parameters-dialog.js";
+export {
+  SecurityAnalysisParametersDialog,
+  SecurityAnalysisParametersInline
+};

package/dist/components/parameters/security-analysis/security-analysis-parameters-dialog.d.ts

@@ -0,0 +1,2 @@
+import { ParametersEditionDialogProps } from '../common';
+export declare function SecurityAnalysisParametersDialog({ id, open, onClose, titleId, name, description, activeDirectory, language, user, enableDeveloperMode, }: Readonly<ParametersEditionDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/security-analysis/security-analysis-parameters-dialog.js

@@ -0,0 +1,107 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import "react-intl";
+import "../../../utils/types/equipmentType.js";
+import { getSecurityAnalysisDefaultLimitReductions, updateSecurityAnalysisParameters, fetchSecurityAnalysisParameters, fetchDefaultSecurityAnalysisProvider, fetchSecurityAnalysisProviders } from "../../../services/security-analysis.js";
+import "@mui/material";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { useParametersBackend, OptionalServicesStatus } from "../../../hooks/use-parameters-backend.js";
+import { useSecurityAnalysisParametersForm } from "./use-security-analysis-parameters-form.js";
+import { ComputingType } from "../common/computing-type.js";
+import "../../../utils/yupConfig.js";
+import { CustomMuiDialog } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "react-hook-form";
+import "@mui/icons-material";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../overflowableText/OverflowableText.js";
+import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import "../../../utils/conversionUtils.js";
+import "@react-querybuilder/material";
+import "../../filter/expert/expertFilterConstants.js";
+import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import { SecurityAnalysisParametersForm } from "./security-analysis-parameters-form.js";
+import { NameElementEditorForm } from "../common/name-element-editor/name-element-editor-form.js";
+function SecurityAnalysisParametersDialog({
+  id,
+  open,
+  onClose,
+  titleId,
+  name,
+  description,
+  activeDirectory,
+  language,
+  user,
+  enableDeveloperMode = false
+}) {
+  const parametersBackend = useParametersBackend(
+    user,
+    id,
+    ComputingType.SECURITY_ANALYSIS,
+    OptionalServicesStatus.Up,
+    fetchSecurityAnalysisProviders,
+    null,
+    fetchDefaultSecurityAnalysisProvider,
+    null,
+    fetchSecurityAnalysisParameters,
+    updateSecurityAnalysisParameters,
+    void 0,
+    getSecurityAnalysisDefaultLimitReductions
+  );
+  const securityAnalysisMethods = useSecurityAnalysisParametersForm(parametersBackend, id, name, description);
+  const {
+    formState: { errors, dirtyFields }
+  } = securityAnalysisMethods.formMethods;
+  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      open,
+      onClose,
+      onSave: securityAnalysisMethods.onSaveDialog,
+      formSchema: securityAnalysisMethods.formSchema,
+      formMethods: securityAnalysisMethods.formMethods,
+      titleId,
+      removeOptional: true,
+      language,
+      disabledSave: disableSave,
+      children: /* @__PURE__ */ jsx(
+        SecurityAnalysisParametersForm,
+        {
+          securityAnalysisMethods,
+          enableDeveloperMode,
+          renderTitleFields: () => {
+            return /* @__PURE__ */ jsx(
+              NameElementEditorForm,
+              {
+                initialElementName: name,
+                activeDirectory,
+                elementType: ElementType.LOADFLOW_PARAMETERS
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  SecurityAnalysisParametersDialog
+};

package/dist/components/parameters/security-analysis/security-analysis-parameters-form.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { UseSecurityAnalysisParametersFormReturn } from './use-security-analysis-parameters-form';
+export declare function SecurityAnalysisParametersForm({ securityAnalysisMethods, renderTitleFields, renderActions, enableDeveloperMode, }: Readonly<{
+    securityAnalysisMethods: UseSecurityAnalysisParametersFormReturn;
+    renderTitleFields?: () => ReactNode;
+    renderActions?: () => ReactNode;
+    enableDeveloperMode: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,139 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { Grid, Box, LinearProgress } from "@mui/material";
+import "react";
+import "react-hook-form";
+import "../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import { CustomFormProvider } from "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "@mui/icons-material";
+import "yup";
+import "../../overflowableText/OverflowableText.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/yupConfig.js";
+import "@react-querybuilder/material";
+import "../../filter/expert/expertFilterConstants.js";
+import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { parametersStyles } from "../parameters-style.js";
+import { PARAM_SA_PROVIDER } from "../common/constant.js";
+import { LineSeparator } from "../common/line-separator.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import { SecurityAnalysisParametersSelector } from "./security-analysis-parameters-selector.js";
+const styles = {
+  securityAnalysisParameters: {
+    flexGrow: 1,
+    paddingLeft: 1,
+    overflow: "auto",
+    display: "flex",
+    flexDirection: "column"
+  },
+  actions: {
+    flexGrow: 0
+  }
+};
+function SecurityAnalysisParametersForm({
+  securityAnalysisMethods,
+  renderTitleFields,
+  renderActions,
+  enableDeveloperMode
+}) {
+  var _a;
+  return /* @__PURE__ */ jsx(
+    CustomFormProvider,
+    {
+      validationSchema: securityAnalysisMethods.formSchema,
+      ...securityAnalysisMethods.formMethods,
+      children: /* @__PURE__ */ jsx(Grid, { item: true, sx: { height: "100%" }, xl: 9, lg: 11, md: 12, children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            height: "100%",
+            display: "flex",
+            position: "relative",
+            flexDirection: "column"
+          },
+          children: /* @__PURE__ */ jsxs(Box, { sx: styles.securityAnalysisParameters, children: [
+            renderTitleFields == null ? void 0 : renderTitleFields(),
+            securityAnalysisMethods.paramsLoaded ? /* @__PURE__ */ jsxs(Fragment, { 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: "auto", sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Provider" }) }),
+                    /* @__PURE__ */ jsx(Grid, { item: true, xs: "auto", sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+                      MuiSelectInput,
+                      {
+                        name: PARAM_SA_PROVIDER,
+                        size: "small",
+                        options: Object.values(securityAnalysisMethods.formattedProviders)
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(LineSeparator, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    flexGrow: 1,
+                    overflow: "auto",
+                    paddingLeft: 1
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Grid,
+                    {
+                      container: true,
+                      sx: mergeSx(parametersStyles.scrollableGrid, {
+                        maxHeight: "100%"
+                      }),
+                      children: /* @__PURE__ */ jsx(
+                        SecurityAnalysisParametersSelector,
+                        {
+                          params: securityAnalysisMethods.params,
+                          currentProvider: (_a = securityAnalysisMethods.currentProvider) == null ? void 0 : _a.trim(),
+                          enableDeveloperMode,
+                          defaultLimitReductions: securityAnalysisMethods.defaultLimitReductions
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx(LinearProgress, {}),
+            renderActions && /* @__PURE__ */ jsx(Box, { sx: styles.actions, children: renderActions() })
+          ] })
+        }
+      ) })
+    }
+  );
+}
+export {
+  SecurityAnalysisParametersForm
+};

package/dist/components/parameters/security-analysis/security-analysis-parameters-inline.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { UUID } from 'crypto';
+import { UseParametersBackendReturnProps } from '../../../utils';
+import { ComputingType } from '../common';
+export declare function SecurityAnalysisParametersInline({ studyUuid, parametersBackend, setHaveDirtyFields, enableDeveloperMode, }: Readonly<{
+    studyUuid: UUID | null;
+    parametersBackend: UseParametersBackendReturnProps<ComputingType.SECURITY_ANALYSIS>;
+    setHaveDirtyFields: Dispatch<SetStateAction<boolean>>;
+    enableDeveloperMode: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,197 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { Box, Grid } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import "../../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import { ElementType } from "../../../utils/types/elementType.js";
+import { mergeSx } from "../../../utils/styles.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.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 "react-hook-form";
+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 "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
+import "yup";
+import "../../overflowableText/OverflowableText.js";
+import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
+import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../inputs/reactHookForm/numbers/RangeInput.js";
+import { PopupConfirmationDialog } from "../../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
+import "@react-querybuilder/material";
+import "../../filter/expert/expertFilterConstants.js";
+import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import { toFormValueSaParameters } from "../common/limitreductions/limit-reductions-form-util.js";
+import { useSecurityAnalysisParametersForm } from "./use-security-analysis-parameters-form.js";
+import { SecurityAnalysisParametersForm } from "./security-analysis-parameters-form.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+function SecurityAnalysisParametersInline({
+  studyUuid,
+  parametersBackend,
+  setHaveDirtyFields,
+  enableDeveloperMode
+}) {
+  const securityAnalysisMethods = useSecurityAnalysisParametersForm(parametersBackend, null, null, null);
+  const [, , , , resetProvider, , , , resetParameters, , ,] = parametersBackend;
+  const intl = useIntl();
+  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
+  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
+  const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
+  const [pendingResetAction, setPendingResetAction] = useState(null);
+  const { snackError } = useSnackMessage();
+  const { handleSubmit, formState, reset, getValues } = securityAnalysisMethods.formMethods;
+  const executeResetAction = useCallback(() => {
+    if (pendingResetAction === "all") {
+      resetParameters();
+      resetProvider();
+    } else if (pendingResetAction === "parameters") {
+      resetParameters();
+    }
+    setOpenResetConfirmation(false);
+    setPendingResetAction(null);
+  }, [pendingResetAction, resetParameters, resetProvider]);
+  const handleResetAllClick = useCallback(() => {
+    setPendingResetAction("all");
+    setOpenResetConfirmation(true);
+  }, []);
+  const handleResetParametersClick = useCallback(() => {
+    setPendingResetAction("parameters");
+    setOpenResetConfirmation(true);
+  }, []);
+  const handleCancelReset = useCallback(() => {
+    setOpenResetConfirmation(false);
+    setPendingResetAction(null);
+  }, []);
+  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), {
+            keepDefaultValues: true
+          });
+        }).catch((error) => {
+          console.error(error);
+          snackError({
+            messageTxt: error.message,
+            headerId: "paramsRetrievingError"
+          });
+        });
+      }
+      setOpenSelectParameterDialog(false);
+    },
+    [reset, snackError]
+  );
+  useEffect(() => {
+    setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
+  }, [formState, setHaveDirtyFields]);
+  return /* @__PURE__ */ jsx(
+    SecurityAnalysisParametersForm,
+    {
+      securityAnalysisMethods,
+      enableDeveloperMode,
+      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(
+                    LabelledButton,
+                    {
+                      label: "resetProviderValuesToDefault",
+                      callback: handleResetParametersClick
+                    }
+                  ),
+                  /* @__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: () => securityAnalysisMethods.formatNewParams(getValues()),
+              parameterFormatter: (newParams) => 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,
+            {
+              message: "resetParamsConfirmation",
+              validateButtonLabel: "validate",
+              openConfirmationPopup: openResetConfirmation,
+              setOpenConfirmationPopup: handleCancelReset,
+              handlePopupConfirmation: executeResetAction
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+export {
+  SecurityAnalysisParametersInline
+};

package/dist/components/parameters/security-analysis/security-analysis-parameters-selector.d.ts

@@ -0,0 +1,7 @@
+import { ILimitReductionsByVoltageLevel, ISAParameters } from '../common';
+export declare function SecurityAnalysisParametersSelector({ params, currentProvider, enableDeveloperMode, defaultLimitReductions, }: Readonly<{
+    params: ISAParameters | null;
+    currentProvider?: string;
+    enableDeveloperMode: boolean;
+    defaultLimitReductions: ILimitReductionsByVoltageLevel[];
+}>): import("react/jsx-runtime").JSX.Element;