@gridsuite/commons-ui 0.171.0 → 0.172.0

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

@@ -0,0 +1,108 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useWatch } from "react-hook-form";
+import { Grid, Tabs, Tab, Box } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { getTabStyle, parametersStyles } from "../parameters-style.js";
+import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
+import { ShortCircuitGeneralTabPanel } from "./short-circuit-general-tab-panel.js";
+import { ShortCircuitStudyAreaTabPanel } from "./short-circuit-study-area-tab-panel.js";
+import { ShortCircuitPowerElectronicsTabPanel } from "./short-circuit-power-electronics-tab-panel.js";
+import { SPECIFIC_PARAMETERS } from "../common/constants.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 "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../treeViewFinder/TreeViewFinder.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 "../../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";
+const styles = {
+  container: {
+    ...parametersStyles.scrollableGrid,
+    maxHeight: "100%"
+  },
+  maxWidth: {
+    width: "100%"
+  },
+  wrapper: {
+    flexGrow: 1,
+    overflow: "auto",
+    paddingLeft: 1
+  }
+};
+function ShortCircuitParametersContent({
+  shortCircuitMethods,
+  isDeveloperMode
+}) {
+  const { resetAll, selectedTab, handleTabChange, tabIndexesWithError } = shortCircuitMethods;
+  const watchSpecificParameters = useWatch({
+    name: `${SPECIFIC_PARAMETERS}`
+  });
+  const isThereSpecificParameters = useMemo(
+    () => Object.keys(watchSpecificParameters).length > 0 && watchSpecificParameters.constructor === Object,
+    [watchSpecificParameters]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
+      /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: ShortCircuitParametersTabValues.GENERAL }),
+          value: ShortCircuitParametersTabValues.GENERAL,
+          sx: getTabStyle(tabIndexesWithError, ShortCircuitParametersTabValues.GENERAL)
+        }
+      ),
+      isThereSpecificParameters && isDeveloperMode && /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: ShortCircuitParametersTabValues.STUDY_AREA }),
+          value: ShortCircuitParametersTabValues.STUDY_AREA,
+          sx: getTabStyle(tabIndexesWithError, ShortCircuitParametersTabValues.STUDY_AREA)
+        }
+      ),
+      isThereSpecificParameters && isDeveloperMode && /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: ShortCircuitParametersTabValues.POWER_ELECTRONICS }),
+          value: ShortCircuitParametersTabValues.POWER_ELECTRONICS,
+          sx: getTabStyle(tabIndexesWithError, ShortCircuitParametersTabValues.POWER_ELECTRONICS)
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid, { item: true, sx: styles.maxWidth, children: [
+      /* @__PURE__ */ jsx(ShortCircuitGeneralTabPanel, { resetAll, value: selectedTab }),
+      isThereSpecificParameters && isDeveloperMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ShortCircuitStudyAreaTabPanel, { value: selectedTab }),
+        /* @__PURE__ */ jsx(ShortCircuitPowerElectronicsTabPanel, { value: selectedTab })
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  ShortCircuitParametersContent as default
+};

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

@@ -85,6 +85,7 @@ function ShortCircuitParametersEditionDialog({
       },
       titleId,
       disabledSave: disableSave,
+      maxWidth: "lg",
       children: /* @__PURE__ */ jsx(
         ShortCircuitParametersForm,
         {

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

@@ -33,42 +33,45 @@ import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import { parametersStyles } from "../parameters-style.js";
-import { ShortCircuitFields } from "./short-circuit-fields.js";
+import ShortCircuitParametersContent from "./short-circuit-parameters-content.js";
+const styles = {
+  shortCircuitParameters: {
+    height: "100%",
+    display: "flex",
+    position: "relative",
+    flexDirection: "column"
+  }
+};
 function ShortCircuitParametersForm({
   shortCircuitMethods,
   renderTitleFields,
   renderActions,
   isDeveloperMode
 }) {
-  const { formMethods, formSchema, paramsLoaded, resetAll } = shortCircuitMethods;
-  return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        height: "100%",
-        display: "flex",
-        position: "relative",
-        flexDirection: "column"
-      },
-      children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields?.() }),
-        paramsLoaded ? /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitFields, { isDeveloperMode, resetAll }) }) : /* @__PURE__ */ jsx(LinearProgress, {}),
-        /* @__PURE__ */ jsx(
-          Grid,
-          {
-            item: true,
-            container: true,
-            direction: "column",
-            sx: {
-              position: "absolute",
-              bottom: "15px"
-            },
-            children: renderActions?.()
-          }
-        )
-      ]
-    }
-  ) });
+  const { formMethods, formSchema, paramsLoaded } = shortCircuitMethods;
+  return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, children: /* @__PURE__ */ jsxs(Box, { sx: styles.shortCircuitParameters, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields?.() }),
+    paramsLoaded ? /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(
+      ShortCircuitParametersContent,
+      {
+        isDeveloperMode,
+        shortCircuitMethods
+      }
+    ) }) : /* @__PURE__ */ jsx(LinearProgress, {}),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        item: true,
+        container: true,
+        direction: "column",
+        sx: {
+          position: "absolute",
+          bottom: "15px"
+        },
+        children: renderActions?.()
+      }
+    )
+  ] }) });
 }
 export {
   ShortCircuitParametersForm

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,13 +1,18 @@
 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;