@gridsuite/commons-ui 0.246.0 → 0.248.0

package/dist/features/parameters/loadflow/load-flow-general-parameters.js

@@ -1,12 +1,11 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { memo, createElement } from "react";
 import ParameterField from "../common/parameter-field.js";
-import { PHASE_SHIFTER_REGULATION_ON, DC, BALANCE_TYPE, COUNTRIES_TO_BALANCE, CONNECTED_MODE, HVDC_AC_EMULATION, VOLTAGE_INIT_MODE, USE_REACTIVE_LIMITS, TWT_SPLIT_SHUNT_ADMITTANCE, READ_SLACK_BUS, WRITE_SLACK_BUS, DISTRIBUTED_SLACK, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, DC_USE_TRANSFORMER_RATIO, DC_POWER_FACTOR } from "./constants.js";
-import { useLoadFlowContext } from "./use-load-flow-context.js";
+import { PHASE_SHIFTER_REGULATION_ON, DC, BALANCE_TYPE, COUNTRIES_TO_BALANCE, CONNECTED_MODE, HVDC_AC_EMULATION } from "./constants.js";
 import { ParameterType } from "../../../utils/types/parameters.type.js";
 import "@mui/material";
-import "react-intl";
 import "@mui/icons-material";
+import "react-intl";
 import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
@@ -33,10 +32,9 @@ import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import { ParameterGroup } from "../common/widget/parameter-group.js";
-import "../common/widget/parameter-line-slider.js";
 import "../common/parameter-layout/parameter-layout-provider.js";
-import { COMMON_PARAMETERS, SPECIFIC_PARAMETERS } from "../common/constants.js";
+import { COMMON_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";
 import "../common/contingency-table/columns-definitions.js";
@@ -67,6 +65,7 @@ const basicParams = [
   {
     name: COUNTRIES_TO_BALANCE,
     type: ParameterType.COUNTRIES,
+    inputLabel: "inputLabelLfCountriesToBalance",
     label: "descLfCountriesToBalance"
   },
   {
@@ -94,92 +93,8 @@ const basicParams = [
     label: "descLfHvdcAcEmulation"
   }
 ];
-const advancedParams = [
-  {
-    name: VOLTAGE_INIT_MODE,
-    type: ParameterType.STRING,
-    label: "descLfVoltageInitMode",
-    possibleValues: [
-      {
-        id: "UNIFORM_VALUES",
-        label: "descLfUniformValues"
-      },
-      {
-        id: "PREVIOUS_VALUES",
-        label: "descLfPreviousValues"
-      },
-      {
-        id: "DC_VALUES",
-        label: "descLfDcValues"
-      }
-    ]
-  },
-  {
-    name: USE_REACTIVE_LIMITS,
-    type: ParameterType.BOOLEAN,
-    label: "descLfUseReactiveLimits"
-  },
-  {
-    name: TWT_SPLIT_SHUNT_ADMITTANCE,
-    type: ParameterType.BOOLEAN,
-    label: "descLfTwtSplitShuntAdmittance"
-  },
-  {
-    name: READ_SLACK_BUS,
-    type: ParameterType.BOOLEAN,
-    label: "descLfReadSlackBus"
-  },
-  {
-    name: WRITE_SLACK_BUS,
-    type: ParameterType.BOOLEAN,
-    label: "descLfWriteSlackBus"
-  },
-  {
-    name: DISTRIBUTED_SLACK,
-    type: ParameterType.BOOLEAN,
-    label: "descLfDistributedSlack"
-  },
-  {
-    name: SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
-    type: ParameterType.BOOLEAN,
-    label: "descLfShuntCompensatorVoltageControlOn"
-  },
-  {
-    name: DC_USE_TRANSFORMER_RATIO,
-    type: ParameterType.BOOLEAN,
-    label: "descLfDcUseTransformerRatio"
-  },
-  {
-    name: DC_POWER_FACTOR,
-    type: ParameterType.DOUBLE,
-    label: "descLfDcPowerFactor"
-  }
-];
-function LoadFlowGeneralParameters({ provider, specificParams }) {
-  const { showAdvancedLfParams, setShowAdvancedLfParams, showSpecificLfParams, setShowSpecificLfParams } = useLoadFlowContext();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    basicParams.map((item) => /* @__PURE__ */ createElement(ParameterField, { id: COMMON_PARAMETERS, ...item, key: item.name })),
-    /* @__PURE__ */ jsx(
-      ParameterGroup,
-      {
-        label: "showAdvancedParameters",
-        state: showAdvancedLfParams,
-        onClick: setShowAdvancedLfParams,
-        children: showAdvancedLfParams && advancedParams.map((item) => /* @__PURE__ */ createElement(ParameterField, { id: COMMON_PARAMETERS, ...item, key: item.name }))
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ParameterGroup,
-      {
-        label: "showSpecificParameters",
-        state: showSpecificLfParams,
-        onClick: setShowSpecificLfParams,
-        infoText: provider ?? "",
-        disabled: !provider || !specificParams,
-        children: showSpecificLfParams && specificParams?.map((item) => /* @__PURE__ */ createElement(ParameterField, { id: SPECIFIC_PARAMETERS, ...item, key: item.name }))
-      }
-    )
-  ] });
+function LoadFlowGeneralParameters() {
+  return /* @__PURE__ */ jsx(Fragment, { children: basicParams.map((item) => /* @__PURE__ */ createElement(ParameterField, { id: COMMON_PARAMETERS, ...item, key: item.name })) });
 }
 const LoadFlowGeneralParameters$1 = memo(LoadFlowGeneralParameters);
 export {

package/dist/features/parameters/loadflow/load-flow-parameters-content.d.ts

@@ -5,7 +5,7 @@ import { LoadFlowParametersInfos } from '../../../utils/types/loadflow.type';
 type LoadFlowParametersContentProps = {
     selectedTab: TabValues;
     currentProvider: string;
-    specificParameters: SpecificParameterInfos[];
+    specificParameters?: SpecificParameterInfos[];
     params: LoadFlowParametersInfos | null;
     defaultLimitReductions: ILimitReductionsByVoltageLevel[];
 };

package/dist/features/parameters/loadflow/load-flow-parameters-content.js

@@ -1,7 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Grid2 } from "@mui/material";
 import { TabValues } from "./load-flow-parameters-utils.js";
+import LoadFlowAdvancedParameters from "./load-flow-advanced-parameters.js";
 import LoadFlowGeneralParameters from "./load-flow-general-parameters.js";
+import LoadFlowProviderSpecificParameters from "./load-flow-provider-specific-parameters.js";
 import "@mui/icons-material";
 import "react";
 import "react-intl";
@@ -64,7 +66,7 @@ function LoadFlowParametersContent({
   defaultLimitReductions
 }) {
   return /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid2, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid2, { sx: styles.maxWidth, children: [
-    /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.GENERAL, children: /* @__PURE__ */ jsx(LoadFlowGeneralParameters, { provider: currentProvider, specificParams: specificParameters }) }),
+    /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.GENERAL, children: /* @__PURE__ */ jsx(LoadFlowGeneralParameters, {}) }),
     /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.LIMIT_REDUCTIONS, children: /* @__PURE__ */ jsx(Grid2, { container: true, sx: { width: "100%" }, children: currentProvider === PARAM_PROVIDER_OPENLOADFLOW ? /* @__PURE__ */ jsx(LimitReductionsTableForm, { limits: params?.limitReductions ?? defaultLimitReductions }) : /* @__PURE__ */ jsx(
       ParameterLineSlider,
       {
@@ -74,7 +76,9 @@ function LoadFlowParametersContent({
         minValue: MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
         maxValue: MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION
       }
-    ) }) })
+    ) }) }),
+    /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.ADVANCED, children: /* @__PURE__ */ jsx(LoadFlowAdvancedParameters, {}) }),
+    /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.PROVIDER_SPECIFIC, children: /* @__PURE__ */ jsx(LoadFlowProviderSpecificParameters, { specificParameters }) })
   ] }) }) });
 }
 export {

package/dist/features/parameters/loadflow/load-flow-parameters-form.js

@@ -21,7 +21,8 @@ function LoadFlowParametersForm({ loadflowMethods }) {
         selectedTab,
         handleTabChange,
         tabIndexesWithError,
-        formattedProviders
+        formattedProviders,
+        disableSpecificProviderParams: !watchProvider || !specificParametersDescriptionForProvider
       }
     ) }),
     /* @__PURE__ */ jsx(Grid2, { size: 12, children: /* @__PURE__ */ jsx(

package/dist/features/parameters/loadflow/load-flow-parameters-header.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TabValues } from './load-flow-parameters-utils';
-declare function LoadFlowParametersHeader({ selectedTab, handleTabChange, tabIndexesWithError, formattedProviders, }: Readonly<{
+declare function LoadFlowParametersHeader({ selectedTab, handleTabChange, tabIndexesWithError, formattedProviders, disableSpecificProviderParams, }: Readonly<{
     selectedTab: string;
     handleTabChange: (event: React.SyntheticEvent, newValue: TabValues) => void;
     tabIndexesWithError: TabValues[];
@@ -8,5 +8,6 @@ declare function LoadFlowParametersHeader({ selectedTab, handleTabChange, tabInd
         id: string;
         label: string;
     }[];
+    disableSpecificProviderParams: boolean;
 }>): React.JSX.Element;
 export default LoadFlowParametersHeader;

package/dist/features/parameters/loadflow/load-flow-parameters-header.js

@@ -43,7 +43,8 @@ function LoadFlowParametersHeader({
   selectedTab,
   handleTabChange,
   tabIndexesWithError,
-  formattedProviders
+  formattedProviders,
+  disableSpecificProviderParams
 }) {
   return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders, id: "Lf" }),
@@ -65,6 +66,25 @@ function LoadFlowParametersHeader({
           sx: getTabStyle(tabIndexesWithError, TabValues.LIMIT_REDUCTIONS),
           "data-testid": "LfLimitReductionsTab"
         }
+      ),
+      /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: TabValues.ADVANCED }),
+          value: TabValues.ADVANCED,
+          sx: getTabStyle(tabIndexesWithError, TabValues.ADVANCED),
+          "data-testid": "LfAdvancedTab"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: TabValues.PROVIDER_SPECIFIC }),
+          value: TabValues.PROVIDER_SPECIFIC,
+          sx: getTabStyle(tabIndexesWithError, TabValues.PROVIDER_SPECIFIC),
+          "data-testid": "LfProviderSpecificTab",
+          disabled: disableSpecificProviderParams
+        }
       )
     ] })
   ] });

package/dist/features/parameters/loadflow/load-flow-parameters-type.d.ts

@@ -1,11 +1,12 @@
 import { UUID } from 'node:crypto';
 import { ILimitReductionsByVoltageLevel } from '../common';
 import { SpecificParametersPerProvider } from '../../../utils';
+export type ParameterValue = boolean | string | string[] | number;
 export interface LoadFlowParametersInfos {
     uuid?: UUID;
     provider: string;
     limitReduction: number;
-    commonParameters: Record<string, boolean | string | string[] | number>;
+    commonParameters: Record<string, ParameterValue>;
     specificParametersPerProvider: SpecificParametersPerProvider;
     limitReductions: ILimitReductionsByVoltageLevel[];
 }

package/dist/features/parameters/loadflow/load-flow-parameters-utils.d.ts

@@ -1,8 +1,11 @@
 import { UseFormReturn } from 'react-hook-form';
 import { ILimitReductionsByVoltageLevel } from '../common';
+import { ParameterValue } from './load-flow-parameters-type';
 import * as yup from 'yup';
 export declare enum TabValues {
     GENERAL = "General",
+    ADVANCED = "Advanced",
+    PROVIDER_SPECIFIC = "ProviderSpecific",
     LIMIT_REDUCTIONS = "LimitReductions"
 }
 export declare const getBasicLoadFlowParametersFormSchema: () => yup.ObjectSchema<{
@@ -20,7 +23,7 @@ export declare const getBasicLoadFlowParametersFormSchema: () => yup.ObjectSchem
     componentMode: undefined;
     hvdcAcEmulation: undefined;
 }, "">;
-export declare const getAdvancedLoadFlowParametersFormSchema: () => yup.ObjectSchema<{
+export declare const getAdvancedLoadFlowParametersFormSchemaFields: () => yup.ObjectSchema<{
     voltageInitMode: string;
     useReactiveLimits: NonNullable<boolean | undefined>;
     twtSplitShuntAdmittance: NonNullable<boolean | undefined>;
@@ -49,6 +52,19 @@ export declare const getCommonLoadFlowParametersFormSchema: () => yup.ObjectSche
         countriesToBalance?: unknown;
         componentMode?: unknown;
         hvdcAcEmulation?: unknown;
+    };
+}, yup.AnyObject, {
+    commonParameters: {
+        phaseShifterRegulationOn: undefined;
+        dc: undefined;
+        balanceType: undefined;
+        countriesToBalance: undefined;
+        componentMode: undefined;
+        hvdcAcEmulation: undefined;
+    };
+}, "">;
+export declare const getAdvancedLoadFlowParametersFormSchema: () => yup.ObjectSchema<{
+    advancedParameters: {
         voltageInitMode?: unknown;
         useReactiveLimits?: unknown;
         twtSplitShuntAdmittance?: unknown;
@@ -60,7 +76,7 @@ export declare const getCommonLoadFlowParametersFormSchema: () => yup.ObjectSche
         dcPowerFactor?: unknown;
     };
 }, yup.AnyObject, {
-    commonParameters: {
+    advancedParameters: {
         voltageInitMode: undefined;
         useReactiveLimits: undefined;
         twtSplitShuntAdmittance: undefined;
@@ -70,13 +86,11 @@ export declare const getCommonLoadFlowParametersFormSchema: () => yup.ObjectSche
         shuntCompensatorVoltageControlOn: undefined;
         dcUseTransformerRatio: undefined;
         dcPowerFactor: undefined;
-        phaseShifterRegulationOn: undefined;
-        dc: undefined;
-        balanceType: undefined;
-        countriesToBalance: undefined;
-        componentMode: undefined;
-        hvdcAcEmulation: undefined;
     };
 }, "">;
 export declare const setLimitReductions: (provider: string, defaultLimitReductions: ILimitReductionsByVoltageLevel[], formMethods: UseFormReturn) => void;
 export declare const mapLimitReductions: (vlLimits: ILimitReductionsByVoltageLevel, formLimits: Record<string, unknown>[], indexVl: number) => ILimitReductionsByVoltageLevel;
+export declare function splitCommonParameters(commonParameters?: Record<string, ParameterValue>): {
+    advancedParameters: Record<string, ParameterValue>;
+    commonParameters: Record<string, ParameterValue>;
+};

package/dist/features/parameters/loadflow/load-flow-parameters-utils.js

@@ -30,7 +30,7 @@ import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
 import "../common/parameter-layout/parameter-layout-provider.js";
-import { COMMON_PARAMETERS } from "../common/constants.js";
+import { ADVANCED_PARAMETERS, COMMON_PARAMETERS } from "../common/constants.js";
 import "../common/widget/parameter-line-slider.js";
 import { IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, toFormValuesLimitReductions } from "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";
@@ -38,8 +38,11 @@ import "../common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../../components/composite/filter/HeaderFilterForm.js";
 import { DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, DISTRIBUTED_SLACK, WRITE_SLACK_BUS, READ_SLACK_BUS, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, HVDC_AC_EMULATION, CONNECTED_MODE, COUNTRIES_TO_BALANCE, BALANCE_TYPE, DC, PHASE_SHIFTER_REGULATION_ON, PARAM_PROVIDER_OPENLOADFLOW, PARAM_LIMIT_REDUCTION, DEFAULT_LIMIT_REDUCTION_VALUE } from "./constants.js";
+import { advancedParams } from "./load-flow-advanced-parameters.js";
 var TabValues = /* @__PURE__ */ ((TabValues2) => {
   TabValues2["GENERAL"] = "General";
+  TabValues2["ADVANCED"] = "Advanced";
+  TabValues2["PROVIDER_SPECIFIC"] = "ProviderSpecific";
   TabValues2["LIMIT_REDUCTIONS"] = "LimitReductions";
   return TabValues2;
 })(TabValues || {});
@@ -53,7 +56,7 @@ const getBasicLoadFlowParametersFormSchema = () => {
     [HVDC_AC_EMULATION]: yup.boolean().required()
   });
 };
-const getAdvancedLoadFlowParametersFormSchema = () => {
+const getAdvancedLoadFlowParametersFormSchemaFields = () => {
   return yup.object().shape({
     [VOLTAGE_INIT_MODE]: yup.string().required(),
     [USE_REACTIVE_LIMITS]: yup.boolean().required(),
@@ -69,8 +72,14 @@ const getAdvancedLoadFlowParametersFormSchema = () => {
 const getCommonLoadFlowParametersFormSchema = () => {
   return yup.object().shape({
     [COMMON_PARAMETERS]: yup.object().shape({
-      ...getBasicLoadFlowParametersFormSchema().fields,
-      ...getAdvancedLoadFlowParametersFormSchema().fields
+      ...getBasicLoadFlowParametersFormSchema().fields
+    })
+  });
+};
+const getAdvancedLoadFlowParametersFormSchema = () => {
+  return yup.object().shape({
+    [ADVANCED_PARAMETERS]: yup.object().shape({
+      ...getAdvancedLoadFlowParametersFormSchemaFields().fields
     })
   });
 };
@@ -100,11 +109,36 @@ const mapLimitReductions = (vlLimits, formLimits, indexVl) => {
   });
   return vlLNewLimits;
 };
+function splitCommonParameters(commonParameters) {
+  if (!commonParameters) {
+    return {
+      advancedParameters: {},
+      commonParameters: {}
+    };
+  }
+  const advancedParamNames = new Set(advancedParams.map((param) => param.name));
+  return Object.entries(commonParameters).reduce(
+    (acc, [key, value]) => {
+      if (advancedParamNames.has(key)) {
+        acc.advancedParameters[key] = value;
+      } else {
+        acc.commonParameters[key] = value;
+      }
+      return acc;
+    },
+    {
+      advancedParameters: {},
+      commonParameters: {}
+    }
+  );
+}
 export {
   TabValues,
   getAdvancedLoadFlowParametersFormSchema,
+  getAdvancedLoadFlowParametersFormSchemaFields,
   getBasicLoadFlowParametersFormSchema,
   getCommonLoadFlowParametersFormSchema,
   mapLimitReductions,
-  setLimitReductions
+  setLimitReductions,
+  splitCommonParameters
 };

package/dist/features/parameters/loadflow/load-flow-provider-specific-parameters.d.ts

@@ -0,0 +1,7 @@
+import { SpecificParameterInfos } from '../../../utils';
+interface LoadFlowProviderSpecificParametersProps {
+    specificParameters?: SpecificParameterInfos[];
+}
+declare function LoadFlowProviderSpecificParameters({ specificParameters }: Readonly<LoadFlowProviderSpecificParametersProps>): import("react").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof LoadFlowProviderSpecificParameters>;
+export default _default;

package/dist/features/parameters/loadflow/load-flow-provider-specific-parameters.js

@@ -0,0 +1,47 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { memo, createElement } from "react";
+import ParameterField from "../common/parameter-field.js";
+import "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+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 "../../../components/ui/reactHookForm/provider/CustomFormProvider.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 { 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";
+import "../common/contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+function LoadFlowProviderSpecificParameters({ specificParameters }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: specificParameters?.map((item) => /* @__PURE__ */ createElement(ParameterField, { id: SPECIFIC_PARAMETERS, ...item, key: item.name })) });
+}
+const LoadFlowProviderSpecificParameters$1 = memo(LoadFlowProviderSpecificParameters);
+export {
+  LoadFlowProviderSpecificParameters$1 as default
+};

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

@@ -2,7 +2,7 @@ import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useState, useRef, useCallback, useMemo, useEffect, useEffectEvent } from "react";
 import * as yup from "yup";
-import { TabValues, getCommonLoadFlowParametersFormSchema, mapLimitReductions, setLimitReductions } from "./load-flow-parameters-utils.js";
+import { TabValues, getAdvancedLoadFlowParametersFormSchema, getCommonLoadFlowParametersFormSchema, splitCommonParameters, mapLimitReductions, setLimitReductions } from "./load-flow-parameters-utils.js";
 import "react/jsx-runtime";
 import "@mui/material";
 import "@mui/icons-material";
@@ -36,7 +36,7 @@ import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
 import "../common/parameter-layout/parameter-layout-provider.js";
-import { PROVIDER, SPECIFIC_PARAMETERS, COMMON_PARAMETERS, VERSION_PARAMETER } from "../common/constants.js";
+import { PROVIDER, SPECIFIC_PARAMETERS, ADVANCED_PARAMETERS, COMMON_PARAMETERS, VERSION_PARAMETER } from "../common/constants.js";
 import "../common/widget/parameter-line-slider.js";
 import { getLimitReductionsFormSchema, LIMIT_REDUCTIONS_FORM, toFormValuesLimitReductions } from "../common/limitreductions/columns-definitions.js";
 import "../common/contingency-table/contingency-table.js";
@@ -66,17 +66,25 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
       [PROVIDER]: yup.string().required(),
       [PARAM_LIMIT_REDUCTION]: yup.number().nullable(),
       ...getCommonLoadFlowParametersFormSchema().fields,
+      ...getAdvancedLoadFlowParametersFormSchema().fields,
       ...getLimitReductionsFormSchema(limitReductionNumber).fields,
       ...getSpecificParametersFormSchema(specificParametersDescriptionForProvider).fields
     }).concat(getNameElementEditorSchema(name));
   }, [name, limitReductionNumber, specificParametersDescriptionForProvider]);
+  const { advancedParameters, commonParameters } = useMemo(
+    () => splitCommonParameters(params?.commonParameters),
+    [params?.commonParameters]
+  );
   const formMethods = useForm({
     defaultValues: {
       ...getNameElementEditorEmptyFormData(name, description),
       [PROVIDER]: params?.provider,
       [PARAM_LIMIT_REDUCTION]: null,
       [COMMON_PARAMETERS]: {
-        ...params?.commonParameters
+        ...commonParameters
+      },
+      [ADVANCED_PARAMETERS]: {
+        ...advancedParameters
       },
       [SPECIFIC_PARAMETERS]: {
         ...specificParametersDefaultValues
@@ -122,7 +130,8 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
         commonParameters: {
           [VERSION_PARAMETER]: formData[COMMON_PARAMETERS][VERSION_PARAMETER],
           // PowSyBl requires that "version" appears first
-          ...formData[COMMON_PARAMETERS]
+          ...formData[COMMON_PARAMETERS],
+          ...formData[ADVANCED_PARAMETERS]
         },
         specificParametersPerProvider: specificParametersDefaultValues ? {
           [formData.provider]: getAllSpecificParametersValues(
@@ -139,11 +148,17 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
     (_params) => {
       const specificParamsListForCurrentProvider = _params.specificParametersPerProvider[_params.provider];
       const specificParametersForLoadedProvider = specificParamsDescription?.[_params.provider] ?? [];
+      const { advancedParameters: advancedParams, commonParameters: commonParams } = splitCommonParameters(
+        _params.commonParameters
+      );
       return {
         [PROVIDER]: _params.provider,
         [PARAM_LIMIT_REDUCTION]: _params.limitReduction,
         [COMMON_PARAMETERS]: {
-          ..._params.commonParameters
+          ...commonParams
+        },
+        [ADVANCED_PARAMETERS]: {
+          ...advancedParams
         },
         [SPECIFIC_PARAMETERS]: {
           ...formatSpecificParameters(
@@ -166,12 +181,19 @@ const useLoadFlowParametersForm = (parametersBackend, isDeveloperMode, parameter
   const onValidationError = useCallback(
     (errors) => {
       const tabsInError = [];
+      console.log("ERRORS", errors);
       if (errors?.[LIMIT_REDUCTIONS_FORM] && TabValues.LIMIT_REDUCTIONS !== selectedTab) {
         tabsInError.push(TabValues.LIMIT_REDUCTIONS);
       }
-      if ((errors?.[SPECIFIC_PARAMETERS] || errors?.[COMMON_PARAMETERS] || errors?.[PROVIDER]) && TabValues.GENERAL !== selectedTab) {
+      if (errors?.[COMMON_PARAMETERS] && TabValues.GENERAL !== selectedTab) {
         tabsInError.push(TabValues.GENERAL);
       }
+      if (errors?.[SPECIFIC_PARAMETERS] && TabValues.PROVIDER_SPECIFIC !== selectedTab) {
+        tabsInError.push(TabValues.PROVIDER_SPECIFIC);
+      }
+      if (errors?.[ADVANCED_PARAMETERS] && TabValues.ADVANCED !== selectedTab) {
+        tabsInError.push(TabValues.ADVANCED);
+      }
       setTabIndexesWithError(tabsInError);
     },
     [selectedTab]

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

@@ -40,6 +40,7 @@ import "@hookform/resolvers/yup";
 import "../../../components/composite/filter/HeaderFilterForm.js";
 import { PARAM_PROVIDER_OPENLOADFLOW } from "../loadflow/constants.js";
 import "../loadflow/load-flow-parameters-context.js";
+import "../loadflow/load-flow-advanced-parameters.js";
 import "../loadflow/load-flow-parameters-content.js";
 import { ViolationsHidingParameters } from "./security-analysis-violations-hiding.js";
 function SecurityAnalysisParametersSelector({

package/dist/features/process-configs/security-analysis/update-sa-process-config.js

@@ -42,6 +42,7 @@ import "@hookform/resolvers/yup";
 import { NameElementEditorForm } from "../../parameters/common/name-element-editor/name-element-editor-form.js";
 import "../../parameters/network-visualizations/constants.js";
 import "../../parameters/loadflow/load-flow-parameters-context.js";
+import "../../parameters/loadflow/load-flow-advanced-parameters.js";
 import "../../parameters/loadflow/load-flow-parameters-content.js";
 import "../../parameters/short-circuit/short-circuit-parameters-content.js";
 import "react-dom";

package/dist/features/topBar/AboutDialog.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid2, DialogActions, Button, useMediaQuery, Zoom, Stack, tooltipClasses } from "@mui/material";
+import { useTheme, Dialog, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid2, DialogActions, useMediaQuery, Zoom, Stack, tooltipClasses } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
 import { FormattedMessage } from "react-intl";
 import { CustomTooltip } from "../../components/ui/tooltip/CustomTooltip.js";
 import { LogoText } from "./GridLogo.js";
 import { mergeSx } from "../../utils/styles.js";
+import { CloseButton } from "../../components/ui/reactHookForm/utils/CloseButton.js";
 const styles = {
   general: {
     ".MuiAccordion-root": {
@@ -336,7 +337,7 @@ function AboutDialog({
             ) }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, autoFocus: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "close" }) }) })
+        /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CloseButton, { color: "primary", onClick: handleClose, autoFocus: true }) })
       ]
     }
   );

package/dist/features/topBar/UserInformationDialog.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Dialog, DialogTitle, DialogContent, Grid2, Typography, Box, DialogActions } from "@mui/material";
 import { FormattedMessage } from "react-intl";
 import { useState, useEffect, Fragment } from "react";
-import { CancelButton } from "../../components/ui/reactHookForm/utils/CancelButton.js";
 import { fetchUserDetails } from "../../services/userAdmin.js";
+import { CloseButton } from "../../components/ui/reactHookForm/utils/CloseButton.js";
 const styles = {
   DialogTitle: { fontSize: "1.5rem" },
   DialogContent: { marginTop: "10px" },
@@ -92,7 +92,7 @@ function UserInformationDialog({ openDialog, userProfile, onClose }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CancelButton, { color: "primary", onClick: onClose }) })
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CloseButton, { color: "primary", onClick: onClose, autoFocus: true }) })
   ] });
 }
 export {

package/dist/features/topBar/UserSettingsDialog.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { FormattedMessage } from "react-intl";
-import { Dialog, DialogTitle, DialogContent, Box, Switch, Alert, DialogActions, Button } from "@mui/material";
+import { Dialog, DialogTitle, DialogContent, Box, Switch, Alert, DialogActions } from "@mui/material";
+import { CloseButton } from "../../components/ui/reactHookForm/utils/CloseButton.js";
 const styles = {
   parameterName: (theme) => ({
     fontWeight: "bold",
@@ -43,7 +44,7 @@ function UserSettingsDialog({ openDialog, onClose, developerMode, onDeveloperMod
       ] }),
       developerMode && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-settings-dialog/warning-developer-mode" }) })
     ] }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-settings-dialog/close" }) }) })
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CloseButton, { color: "primary", onClick: handleClose, autoFocus: true }) })
   ] });
 }
 export {