@gridsuite/commons-ui 0.170.0 → 0.172.0

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

@@ -59,7 +59,7 @@ function ShortCircuitParametersInLine({
   const intl = useIntl();
   const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
   const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
-  const [, , , , , , , , resetParameters, ,] = parametersBackend;
+  const { resetParameters } = parametersBackend;
   const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
   const [pendingResetAction, setPendingResetAction] = useState(null);
   const { snackError } = useSnackMessage();

package/dist/components/parameters/short-circuit/short-circuit-parameters-utils.d.ts

@@ -2,6 +2,11 @@ import { InitialVoltage } from './constants';
 import { default as yup } from '../../../utils/yupConfig';
 import { SpecificParameterInfos, SpecificParametersValues } from '../../../utils';
 import { SnackInputs } from '../../../hooks';
+export declare enum ShortCircuitParametersTabValues {
+    GENERAL = "General",
+    STUDY_AREA = "StudyArea",
+    POWER_ELECTRONICS = "PowerElectronics"
+}
 export declare const getCommonShortCircuitParametersFormSchema: () => yup.ObjectSchema<{
     commonParameters: {
         withFeederResult: NonNullable<boolean | undefined>;

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

@@ -1,4 +1,4 @@
-import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, InitialVoltage, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS } from "./constants.js";
+import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, InitialVoltage, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, NODE_CLUSTER, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, NODE_CLUSTER_FILTER_IDS } from "./constants.js";
 import "../../../utils/yupConfig.js";
 import { COMMON_PARAMETERS, SPECIFIC_PARAMETERS } from "../common/constants.js";
 import "react/jsx-runtime";
@@ -41,6 +41,12 @@ import "react-querybuilder";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
 import { getSpecificParametersFormSchema, getDefaultSpecificParamsValues, getAllSpecificParametersValues, formatSpecificParameters } from "../common/utils.js";
+var ShortCircuitParametersTabValues = /* @__PURE__ */ ((ShortCircuitParametersTabValues2) => {
+  ShortCircuitParametersTabValues2["GENERAL"] = "General";
+  ShortCircuitParametersTabValues2["STUDY_AREA"] = "StudyArea";
+  ShortCircuitParametersTabValues2["POWER_ELECTRONICS"] = "PowerElectronics";
+  return ShortCircuitParametersTabValues2;
+})(ShortCircuitParametersTabValues || {});
 const getCommonShortCircuitParametersFormSchema = () => {
   return yup.object().shape({
     [COMMON_PARAMETERS]: yup.object().shape({
@@ -68,6 +74,15 @@ const getSpecificShortCircuitParametersFormSchema = (specificParametersDescripti
       type: yup.string().oneOf(["WIND", "SOLAR", "HVDC"]).required()
     })
   ).required() : void 0;
+  const nodeClusterParam = specificParametersDescriptionForProvider?.find(
+    (specificParam) => specificParam.name === NODE_CLUSTER
+  );
+  const nodeClusterSchema = nodeClusterParam ? yup.array().of(
+    yup.object().shape({
+      [ID]: yup.string().required(),
+      [NAME]: yup.string().required()
+    })
+  ) : void 0;
   const powerElectronicsClustersParam = specificParametersDescriptionForProvider?.find(
     (specificParam) => specificParam.name === SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS
   );
@@ -92,7 +107,8 @@ const getSpecificShortCircuitParametersFormSchema = (specificParametersDescripti
   const mergedSpecificShape = {
     ...existingSpecificFields,
     ...powerElectronicsMaterialsSchema ? { [SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS]: powerElectronicsMaterialsSchema } : {},
-    ...powerElectronicsClustersSchema ? { [SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS]: powerElectronicsClustersSchema } : {}
+    ...powerElectronicsClustersSchema ? { [SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS]: powerElectronicsClustersSchema } : {},
+    ...nodeClusterSchema ? { [NODE_CLUSTER_FILTER_IDS]: nodeClusterSchema } : {}
   };
   const overrideSchema = yup.object().shape({
     [SPECIFIC_PARAMETERS]: yup.object().shape(mergedSpecificShape)
@@ -133,6 +149,12 @@ const getDefaultShortCircuitSpecificParamsValues = (specificParametersDescriptio
       active: false
     }));
   }
+  const nodeClusterParam = specificParametersDescriptionForProvider.find(
+    (specificParam) => specificParam.name === NODE_CLUSTER
+  );
+  if (nodeClusterParam) {
+    defaultValues[NODE_CLUSTER_FILTER_IDS] = nodeClusterParam.defaultValue;
+  }
   const powerElectronicsClustersParam = specificParametersDescriptionForProvider.find(
     (specificParam) => specificParam.name === SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS
   );
@@ -144,31 +166,42 @@ const getDefaultShortCircuitSpecificParamsValues = (specificParametersDescriptio
 const getShortCircuitSpecificParametersValues = (formData, _specificParametersValues) => {
   const powerElectronicsMaterialsParam = formData[SPECIFIC_PARAMETERS][SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS];
   const powerElectronicsClustersParam = formData[SPECIFIC_PARAMETERS][SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS];
+  const nodeClusterFilterIds = formData[SPECIFIC_PARAMETERS][NODE_CLUSTER_FILTER_IDS];
+  const finalSpecificParameters = getAllSpecificParametersValues(
+    formData,
+    _specificParametersValues
+  );
   if (powerElectronicsMaterialsParam && powerElectronicsClustersParam) {
-    return {
-      ...getAllSpecificParametersValues(formData, _specificParametersValues),
-      [SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS]: JSON.stringify(
-        powerElectronicsMaterialsParam.filter((sParam) => sParam.active).map((sParam) => {
-          const { active, ...rest } = sParam;
-          return rest;
-        })
-      ),
-      [SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS]: JSON.stringify(
-        powerElectronicsClustersParam.map((sParam) => {
-          const { filters, ...rest } = sParam;
-          const lightFilters = (
-            // keep only id and name in filters for backend
-            filters?.map((filter) => ({
-              filterId: filter[ID],
-              filterName: filter.name
-            })) ?? []
-          );
-          return { ...rest, filters: lightFilters };
-        })
-      )
-    };
+    finalSpecificParameters[SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS] = JSON.stringify(
+      powerElectronicsMaterialsParam.filter((sParam) => sParam.active).map((sParam) => {
+        const { active, ...rest } = sParam;
+        return rest;
+      })
+    );
+    finalSpecificParameters[SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS] = JSON.stringify(
+      powerElectronicsClustersParam.map((sParam) => {
+        const { filters, ...rest } = sParam;
+        const lightFilters = (
+          // keep only id and name in filters for backend
+          filters?.map((filter) => ({
+            filterId: filter[ID],
+            filterName: filter.name
+          })) ?? []
+        );
+        return { ...rest, filters: lightFilters };
+      })
+    );
   }
-  return getAllSpecificParametersValues(formData, _specificParametersValues);
+  if (nodeClusterFilterIds) {
+    const lightFilters = nodeClusterFilterIds.map((filter) => {
+      return {
+        filterId: filter[ID],
+        filterName: filter.name
+      };
+    });
+    finalSpecificParameters[NODE_CLUSTER_FILTER_IDS] = JSON.stringify(lightFilters);
+  }
+  return finalSpecificParameters;
 };
 const formatElectronicsMaterialsParamString = (defaultValues, specificParamValue, snackError) => {
   const electronicsMaterialsArrayInParams = parsePowerElectronicsMaterialsParamString(
@@ -229,9 +262,23 @@ const formatShortCircuitSpecificParameters = (specificParametersDescriptionForPr
       ])?.[SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS];
     }
   }
+  const nodeClusterParam = specificParametersDescriptionForProvider.find((p) => p.name === NODE_CLUSTER);
+  if (nodeClusterParam) {
+    if (Object.hasOwn(specificParamsList, NODE_CLUSTER_FILTER_IDS)) {
+      const filters = JSON.parse(specificParamsList[NODE_CLUSTER_FILTER_IDS]);
+      formatted[NODE_CLUSTER_FILTER_IDS] = filters.map((filter) => ({
+        [ID]: filter.filterId,
+        [NAME]: filter.filterName
+        // from back to front -> {id: uuid, name: string}
+      }));
+    } else {
+      formatted[NODE_CLUSTER_FILTER_IDS] = getDefaultSpecificParamsValues([nodeClusterParam])?.[NODE_CLUSTER_FILTER_IDS];
+    }
+  }
   return formatted;
 };
 export {
+  ShortCircuitParametersTabValues,
   formatShortCircuitSpecificParameters,
   getCommonShortCircuitParametersFormSchema,
   getDefaultShortCircuitSpecificParamsValues,

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

@@ -0,0 +1,2 @@
+import { TabPanelProps } from '@mui/lab';
+export declare const ShortCircuitPowerElectronicsTabPanel: import('react').ForwardRefExoticComponent<Omit<Readonly<TabPanelProps>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Grid } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { ShortCircuitIccMaterialTable } from "./short-circuit-icc-material-table.js";
+import { SPECIFIC_PARAMETERS } from "../common/constants.js";
+import { TabPanel } from "../common/parameters.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "react-hook-form";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import { FieldLabel } from "../../inputs/reactHookForm/utils/FieldLabel.js";
+import "../../overflowableText/OverflowableText.js";
+import "yup";
+import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { SwitchInput } from "../../inputs/reactHookForm/booleans/SwitchInput.js";
+import "../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+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 GridSection from "../../grid/grid-section.js";
+import GridItem from "../../grid/grid-item.js";
+import { SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS } from "./constants.js";
+import { ShortCircuitIccClusterTable } from "./short-circuit-icc-cluster-table.js";
+import { COLUMNS_DEFINITIONS_ICC_MATERIALS, COLUMNS_DEFINITIONS_ICC_CLUSTERS } from "./columns-definition.js";
+import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
+const iccMaterialsColumnsDef = COLUMNS_DEFINITIONS_ICC_MATERIALS.map((col) => ({
+  ...col,
+  label: /* @__PURE__ */ jsx(FormattedMessage, { id: col.label }),
+  tooltip: /* @__PURE__ */ jsx(FormattedMessage, { id: col.tooltip })
+}));
+const iccClustersColumnsDef = COLUMNS_DEFINITIONS_ICC_CLUSTERS.map((col) => ({
+  ...col,
+  label: /* @__PURE__ */ jsx(FormattedMessage, { id: col.label }),
+  tooltip: /* @__PURE__ */ jsx(FormattedMessage, { id: col.tooltip })
+}));
+function createRows() {
+  const rowData = {};
+  iccClustersColumnsDef.forEach((column) => {
+    rowData[column.dataKey] = column.initialValue;
+  });
+  return rowData;
+}
+const ShortCircuitPowerElectronicsTabPanel = forwardRef(
+  ({ ...othersTabPanelProps }, ref) => {
+    const modelPowerElectronics = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitModelPowerElectronics" }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_MODEL_POWER_ELECTRONICS}` }) })
+    ] });
+    return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.POWER_ELECTRONICS, ref, ...othersTabPanelProps, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitPowerElectronicsSection", heading: 4 }),
+      /* @__PURE__ */ jsx(Grid, { container: true, xl: 6, children: /* @__PURE__ */ jsx(GridItem, { size: 10, children: modelPowerElectronics }) }),
+      /* @__PURE__ */ jsx(
+        ShortCircuitIccMaterialTable,
+        {
+          formName: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS}`,
+          columnsDefinition: iccMaterialsColumnsDef
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ShortCircuitIccClusterTable,
+        {
+          formName: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS}`,
+          columnsDefinition: iccClustersColumnsDef,
+          createRows
+        }
+      )
+    ] });
+  }
+);
+export {
+  ShortCircuitPowerElectronicsTabPanel
+};

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

@@ -0,0 +1,2 @@
+import { TabPanelProps } from '@mui/lab';
+export declare const ShortCircuitStudyAreaTabPanel: import('react').ForwardRefExoticComponent<Omit<Readonly<TabPanelProps>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,143 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Grid, Box } from "@mui/material";
+import { useFormContext } from "react-hook-form";
+import { SPECIFIC_PARAMETERS } from "../common/constants.js";
+import { TabPanel } from "../common/parameters.js";
+import "react-intl";
+import { ActivePowerAdornment } from "../../../utils/constants/adornments.js";
+import "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import { EquipmentType } from "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import { FieldLabel } from "../../inputs/reactHookForm/utils/FieldLabel.js";
+import "../../overflowableText/OverflowableText.js";
+import { OverflowableChipWithHelperText } from "../../inputs/reactHookForm/OverflowableChipWithHelperText.js";
+import "yup";
+import { DirectoryItemsInput } from "../../inputs/reactHookForm/DirectoryItemsInput.js";
+import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import { RadioInput } from "../../inputs/reactHookForm/booleans/RadioInput.js";
+import { FloatInput } from "../../inputs/reactHookForm/numbers/FloatInput.js";
+import "../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+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 GridSection from "../../grid/grid-section.js";
+import GridItem from "../../grid/grid-item.js";
+import { NODE_CLUSTER_FILTER_IDS, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, onlyStartedGeneratorsOptions, STARTED_GENERATORS_IN_CALCULATION_CLUSTER_THRESHOLD, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER, STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER_THRESHOLD } from "./constants.js";
+import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
+const equipmentTypes = [EquipmentType.VOLTAGE_LEVEL];
+const styles = {
+  h4: {
+    marginBottom: 1
+  }
+};
+const ShortCircuitStudyAreaTabPanel = forwardRef(
+  ({ ...othersTabPanelProps }, ref) => {
+    const { setValue } = useFormContext();
+    const startedGeneratorsInCalculationClusterThreshold = /* @__PURE__ */ jsx(
+      FloatInput,
+      {
+        name: `${SPECIFIC_PARAMETERS}.${STARTED_GENERATORS_IN_CALCULATION_CLUSTER_THRESHOLD}`,
+        label: "startedGeneratorsInCalculationClusterThreshold",
+        adornment: ActivePowerAdornment
+      }
+    );
+    const inClusterOnlyStartedGenerators = /* @__PURE__ */ jsx(
+      RadioInput,
+      {
+        name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER}`,
+        options: Object.values(onlyStartedGeneratorsOptions),
+        formProps: {
+          onChange: (_event, value) => {
+            setValue(
+              `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER}`,
+              value === "true",
+              {
+                shouldDirty: true
+              }
+            );
+          }
+        }
+      }
+    );
+    const startedGeneratorsOutsideCalculationClusterThreshold = /* @__PURE__ */ jsx(
+      FloatInput,
+      {
+        name: `${SPECIFIC_PARAMETERS}.${STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER_THRESHOLD}`,
+        label: "startedGeneratorsOutsideCalculationClusterThreshold",
+        adornment: ActivePowerAdornment
+      }
+    );
+    const outClusterOnlyStartedGenerators = /* @__PURE__ */ jsx(
+      RadioInput,
+      {
+        name: `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER}`,
+        options: Object.values(onlyStartedGeneratorsOptions),
+        formProps: {
+          onChange: (_event, value) => {
+            setValue(
+              `${SPECIFIC_PARAMETERS}.${SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER}`,
+              value === "true",
+              {
+                shouldDirty: true
+              }
+            );
+          }
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxs(TabPanel, { index: ShortCircuitParametersTabValues.STUDY_AREA, ref, ...othersTabPanelProps, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitInClusterFilter", heading: 4 }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: true, sx: { paddingBottom: 4 }, children: /* @__PURE__ */ jsx(
+        DirectoryItemsInput,
+        {
+          titleId: "FiltersListsSelection",
+          label: "Filters",
+          name: `${SPECIFIC_PARAMETERS}.${NODE_CLUSTER_FILTER_IDS}`,
+          elementType: ElementType.FILTER,
+          equipmentTypes,
+          ChipComponent: OverflowableChipWithHelperText,
+          chipProps: { variant: "outlined" },
+          fullHeight: true
+        }
+      ) }),
+      /* @__PURE__ */ jsx(GridSection, { title: "ShortCircuitStartedGeneratorsMode", heading: 4, customStyle: styles.h4 }),
+      /* @__PURE__ */ jsxs(Box, { sx: { paddingTop: 2, display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx(GridItem, { size: 2, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitInCluster" }) }),
+        /* @__PURE__ */ jsx(GridItem, { size: 3, children: inClusterOnlyStartedGenerators }),
+        /* @__PURE__ */ jsx(GridItem, { size: 2, children: startedGeneratorsInCalculationClusterThreshold })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { sx: { paddingTop: 2, display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx(GridItem, { size: 2, children: /* @__PURE__ */ jsx(FieldLabel, { label: "ShortCircuitOutCluster" }) }),
+        /* @__PURE__ */ jsx(GridItem, { size: 3, children: outClusterOnlyStartedGenerators }),
+        /* @__PURE__ */ jsx(GridItem, { size: 2, children: startedGeneratorsOutsideCalculationClusterThreshold })
+      ] })
+    ] });
+  }
+);
+export {
+  ShortCircuitStudyAreaTabPanel
+};

package/dist/components/parameters/short-circuit/use-short-circuit-parameters-form.d.ts

@@ -1,19 +1,23 @@
 import { FieldErrors, UseFormReturn } from 'react-hook-form';
+import { SyntheticEvent } from 'react';
 import { ObjectSchema } from 'yup';
 import { UUID } from 'node:crypto';
 import { PredefinedParameters } from './constants';
 import { SpecificParameterInfos, UseParametersBackendReturnProps } from '../../../utils';
 import { ShortCircuitParametersInfos } from './short-circuit-parameters.type';
 import { ComputingType } from '../common';
+import { ShortCircuitParametersTabValues } from './short-circuit-parameters-utils';
 export interface UseShortCircuitParametersFormReturn {
     formMethods: UseFormReturn;
     formSchema: ObjectSchema<any>;
+    selectedTab: ShortCircuitParametersTabValues;
+    handleTabChange: (event: SyntheticEvent, newValue: ShortCircuitParametersTabValues) => void;
+    tabIndexesWithError: ShortCircuitParametersTabValues[];
     resetAll: (predefinedParameter: PredefinedParameters) => void;
     specificParametersDescriptionForProvider: SpecificParameterInfos[];
     toShortCircuitFormValues: (_params: ShortCircuitParametersInfos) => any;
     formatNewParams: (formData: Record<string, any>) => ShortCircuitParametersInfos;
     params: ShortCircuitParametersInfos | null;
-    provider: string | undefined;
     paramsLoaded: boolean;
     onValidationError: (errors: FieldErrors) => void;
     onSaveInline: (formData: Record<string, any>) => void;

package/dist/components/parameters/short-circuit/use-short-circuit-parameters-form.js

@@ -1,6 +1,6 @@
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { useState, useMemo, useCallback, useEffect } from "react";
+import { useState, useCallback, useMemo, useEffect } from "react";
 import "../../../utils/yupConfig.js";
 import "react/jsx-runtime";
 import "react-intl";
@@ -37,26 +37,34 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import { SHORT_CIRCUIT_PREDEFINED_PARAMS, PredefinedParameters, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, InitialVoltage, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, SHORT_CIRCUIT_VOLTAGE_RANGES } from "./constants.js";
+import { SHORT_CIRCUIT_PREDEFINED_PARAMS, PredefinedParameters, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, InitialVoltage, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER, SHORT_CIRCUIT_VOLTAGE_RANGES, SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS, SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS, SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER, NODE_CLUSTER_FILTER_IDS } from "./constants.js";
 import "../../filter/HeaderFilterForm.js";
 import { getNameElementEditorSchema, getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
 import { SPECIFIC_PARAMETERS, COMMON_PARAMETERS, VERSION_PARAMETER, PROVIDER } from "../common/constants.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
-import { getDefaultShortCircuitSpecificParamsValues, getSpecificShortCircuitParametersFormSchema, getCommonShortCircuitParametersFormSchema, getShortCircuitSpecificParametersValues, formatShortCircuitSpecificParameters } from "./short-circuit-parameters-utils.js";
+import { ShortCircuitParametersTabValues, getDefaultShortCircuitSpecificParamsValues, getSpecificShortCircuitParametersFormSchema, getCommonShortCircuitParametersFormSchema, getShortCircuitSpecificParametersValues, formatShortCircuitSpecificParameters } from "./short-circuit-parameters-utils.js";
 const useShortCircuitParametersForm = ({
   parametersBackend,
   parametersUuid,
   name,
   description
 }) => {
-  const [, provider, , , , params, , updateParameters, , specificParamsDescriptions] = parametersBackend;
+  const { params, updateParameters, specificParamsDescription } = parametersBackend;
+  const provider = params?.provider;
+  const [selectedTab, setSelectedTab] = useState(
+    ShortCircuitParametersTabValues.GENERAL
+  );
+  const [tabIndexesWithError, setTabIndexesWithError] = useState([]);
   const [paramsLoaded, setParamsLoaded] = useState(false);
   const { snackError } = useSnackMessage();
+  const handleTabChange = useCallback((event, newValue) => {
+    setSelectedTab(newValue);
+  }, []);
   const specificParametersDescriptionForProvider = useMemo(() => {
-    return provider && specificParamsDescriptions?.[provider] ? specificParamsDescriptions[provider] : [];
-  }, [provider, specificParamsDescriptions]);
+    return provider && specificParamsDescription?.[provider] ? specificParamsDescription[provider] : [];
+  }, [provider, specificParamsDescription]);
   const specificParametersDefaultValues = useMemo(() => {
     return {
       ...getDefaultShortCircuitSpecificParamsValues(specificParametersDescriptionForProvider, snackError)
@@ -144,7 +152,7 @@ const useShortCircuitParametersForm = ({
         return {};
       }
       const specificParamsListForCurrentProvider = _params.specificParametersPerProvider[provider];
-      const values = {
+      return {
         [PROVIDER]: _params.provider,
         [SHORT_CIRCUIT_PREDEFINED_PARAMS]: _params.predefinedParameters,
         [COMMON_PARAMETERS]: {
@@ -161,13 +169,23 @@ const useShortCircuitParametersForm = ({
           )
         }
       };
-      return values;
     },
     [provider, snackError, specificParametersDescriptionForProvider]
   );
-  const onValidationError = useCallback((_errors) => {
-    console.error("onValidationError: ", _errors);
-  }, []);
+  const onValidationError = useCallback(
+    (_errors) => {
+      console.error("onValidationError: ", _errors);
+      const tabsInError = [];
+      if ((_errors?.[SHORT_CIRCUIT_POWER_ELECTRONICS_MATERIALS] || _errors?.[SHORT_CIRCUIT_POWER_ELECTRONICS_CLUSTERS]) && ShortCircuitParametersTabValues.POWER_ELECTRONICS !== selectedTab) {
+        tabsInError.push(ShortCircuitParametersTabValues.POWER_ELECTRONICS);
+      }
+      if ((_errors?.[SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_IN_CALCULATION_CLUSTER] || _errors?.[SHORT_CIRCUIT_ONLY_STARTED_GENERATORS_OUTSIDE_CALCULATION_CLUSTER] || _errors?.[NODE_CLUSTER_FILTER_IDS]) && ShortCircuitParametersTabValues.STUDY_AREA !== selectedTab) {
+        tabsInError.push(ShortCircuitParametersTabValues.STUDY_AREA);
+      }
+      setTabIndexesWithError(tabsInError);
+    },
+    [selectedTab]
+  );
   const onSaveInline = useCallback(
     (formData) => {
       const data = formatNewParams(formData);
@@ -192,20 +210,22 @@ const useShortCircuitParametersForm = ({
     [formatNewParams, parametersUuid, snackError]
   );
   useEffect(() => {
-    if (!params || !provider || !specificParamsDescriptions) {
+    if (!params || !provider || !specificParamsDescription) {
       return;
     }
     reset(toShortCircuitFormValues(params));
     setParamsLoaded(true);
-  }, [provider, params, reset, specificParamsDescriptions, toShortCircuitFormValues]);
+  }, [provider, params, reset, specificParamsDescription, toShortCircuitFormValues]);
   return {
     formMethods,
     formSchema,
+    selectedTab,
+    handleTabChange,
+    tabIndexesWithError,
     specificParametersDescriptionForProvider,
     toShortCircuitFormValues,
     formatNewParams,
     params,
-    provider,
     paramsLoaded,
     onValidationError,
     onSaveInline,

package/dist/hooks/use-parameters-backend.d.ts

@@ -1,11 +1,10 @@
 import { UUID } from 'node:crypto';
 import { User } from 'oidc-client';
 import { ComputingType } from '../components/parameters/common/computing-type';
-import { ILimitReductionsByVoltageLevel } from '../components/parameters/common/limitreductions/columns-definitions';
-import { ParametersInfos, SpecificParametersDescription, UseParametersBackendReturnProps } from '../utils/types/parameters.type';
+import { BackendFunctions, UseParametersBackendReturnProps } from '../utils/types/parameters.type';
 export declare enum OptionalServicesStatus {
     Up = "UP",
     Down = "DOWN",
     Pending = "PENDING"
 }
-export declare const useParametersBackend: <T extends ComputingType>(user: User | null, studyUuid: UUID | null, type: T, optionalServiceStatus: OptionalServicesStatus | undefined, backendFetchProviders: (() => Promise<string[]>) | null, backendFetchProvider: ((studyUuid: UUID) => Promise<string>) | null, backendFetchDefaultProvider: (() => Promise<string>) | null, backendUpdateProvider: ((studyUuid: UUID, newProvider: string) => Promise<any>) | null, backendFetchParameters: (studyUuid: UUID) => Promise<ParametersInfos<T>>, backendUpdateParameters?: (studyUuid: UUID, newParam: ParametersInfos<T> | null) => Promise<any>, backendFetchSpecificParametersDescription?: () => Promise<SpecificParametersDescription>, backendFetchDefaultLimitReductions?: () => Promise<ILimitReductionsByVoltageLevel[]>) => UseParametersBackendReturnProps<T>;
+export declare const useParametersBackend: <T extends ComputingType>(user: User | null, studyUuid: UUID | null, type: T, optionalServiceStatus: OptionalServicesStatus | undefined, backendFunctions: BackendFunctions<T>) => UseParametersBackendReturnProps<T>;