@gridsuite/commons-ui 0.131.0 → 0.132.0

package/dist/components/customAGGrid/separatorCellRenderer.d.ts

@@ -1,11 +1,2 @@
-/**
- * Copyright (c) 2025, RTE (http://www.rte-france.com)
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- */
-type SeparatorCellRendererProps = {
-    value: string;
-};
-export declare function SeparatorCellRenderer({ value }: Readonly<SeparatorCellRendererProps>): import("react/jsx-runtime").JSX.Element;
-export {};
+import { TypographyProps } from '@mui/material';
+export declare function SeparatorCellRenderer({ children, sx, ...otherProps }: Readonly<TypographyProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/customAGGrid/separatorCellRenderer.js

@@ -1,5 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Typography } from "@mui/material";
+import "../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../utils/styles.js";
+import "../../utils/types/equipmentType.js";
+import "../../utils/yupConfig.js";
 const styles = {
   separator: (theme) => ({
     fontWeight: "bold",
@@ -8,8 +13,8 @@ const styles = {
     marginTop: theme.spacing(1)
   })
 };
-function SeparatorCellRenderer({ value }) {
-  return /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", color: "primary", sx: styles.separator, children: value });
+function SeparatorCellRenderer({ children, sx, ...otherProps }) {
+  return /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", color: "primary", sx: mergeSx(styles.separator, sx), ...otherProps, children });
 }
 export {
   SeparatorCellRenderer

package/dist/components/dnd-table/dnd-table.js

@@ -14,12 +14,12 @@ import { DirectoryItemsInput } from "../inputs/reactHookForm/DirectoryItemsInput
 import { RawReadOnlyInput } from "../inputs/reactHookForm/RawReadOnlyInput.js";
 import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
 import "../../utils/conversionUtils.js";
 import "../../utils/types/equipmentType.js";
 import "../../utils/yupConfig.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
 import "yup";
 import { AutocompleteInput } from "../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
 import { CheckboxInput } from "../inputs/reactHookForm/booleans/CheckboxInput.js";

package/dist/components/index.js

@@ -92,6 +92,7 @@ import { UniqueNameInput } from "./inputs/reactHookForm/text/UniqueNameInput.js"
 import { CancelButton } from "./inputs/reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./inputs/reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./inputs/reactHookForm/utils/SubmitButton.js";
+import { RefreshButton } from "./inputs/reactHookForm/utils/RefreshButton.js";
 import { TextFieldWithAdornment } from "./inputs/reactHookForm/utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./inputs/reactHookForm/utils/functions.js";
 import { HelperPreviousValue } from "./inputs/reactHookForm/utils/HelperPreviousValue.js";
@@ -396,6 +397,7 @@ export {
   RangeType,
   RawReadOnlyInput,
   ReactivePowerAdornment,
+  RefreshButton,
   RemoveButton,
   RuleValueEditor,
   SELECTED,

package/dist/components/inputs/index.js

@@ -35,6 +35,7 @@ import { UniqueNameInput } from "./reactHookForm/text/UniqueNameInput.js";
 import { CancelButton } from "./reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./reactHookForm/utils/SubmitButton.js";
+import { RefreshButton } from "./reactHookForm/utils/RefreshButton.js";
 import { TextFieldWithAdornment } from "./reactHookForm/utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./reactHookForm/utils/functions.js";
 import { HelperPreviousValue } from "./reactHookForm/utils/HelperPreviousValue.js";
@@ -98,6 +99,7 @@ export {
   RangeInput,
   RangeType,
   RawReadOnlyInput,
+  RefreshButton,
   RemoveButton,
   RuleValueEditor,
   SelectClearable,

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -1,4 +1,4 @@
-import { ElementAttributes } from '../../../utils';
+import { ArrayAction, ElementAttributes } from '../../../utils';
 export interface DirectoryItemsInputProps {
     label: string | undefined;
     name: string;
@@ -8,7 +8,7 @@ export interface DirectoryItemsInputProps {
     titleId?: string;
     hideErrorMessage?: boolean;
     onRowChanged?: (a: boolean) => void;
-    onChange?: (e: any) => void;
+    onChange?: (e: any, action?: ArrayAction, element?: any) => void;
     disable?: boolean;
     allowMultiSelect?: boolean;
     labelRequiredFromContext?: boolean;

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.js

@@ -21,6 +21,7 @@ import { OverflowableText } from "../../overflowableText/OverflowableText.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
 import "../../../utils/conversionUtils.js";
 import { mergeSx } from "../../../utils/styles.js";
+import { ArrayAction } from "../../../utils/types/types.js";
 import "../../../utils/yupConfig.js";
 import { NAME } from "./constants.js";
 import { getFilterEquipmentTypeLabel } from "../../filter/expert/expertFilterUtils.js";
@@ -111,7 +112,7 @@ function DirectoryItemsInput({
         } else {
           append(otherElementAttributes);
           onRowChanged == null ? void 0 : onRowChanged(true);
-          onChange == null ? void 0 : onChange(getValues(name));
+          onChange == null ? void 0 : onChange(getValues(name), ArrayAction.ADD, otherElementAttributes);
         }
       });
       setDirectoryItemSelectorOpen(false);
@@ -121,9 +122,10 @@ function DirectoryItemsInput({
   );
   const removeElements = useCallback(
     (index) => {
+      const currentValues = getValues(name);
       remove(index);
       onRowChanged == null ? void 0 : onRowChanged(true);
-      onChange == null ? void 0 : onChange(getValues(name));
+      onChange == null ? void 0 : onChange(currentValues, ArrayAction.REMOVE, currentValues[index]);
     },
     [onRowChanged, remove, getValues, name, onChange]
   );

package/dist/components/inputs/reactHookForm/agGridTable/CustomAgGridTable.js

@@ -5,6 +5,10 @@ import { useTheme, Box } from "@mui/material";
 import { BottomRightButtons } from "./BottomRightButtons.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import { CustomAGGrid } from "../../../customAGGrid/customAggrid.js";
+import "../../../../utils/conversionUtils.js";
+import "@mui/icons-material";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
 const style = (customProps) => ({
   grid: (theme) => ({
     width: "auto",

package/dist/components/inputs/reactHookForm/index.js

@@ -34,6 +34,7 @@ import { UniqueNameInput } from "./text/UniqueNameInput.js";
 import { CancelButton } from "./utils/CancelButton.js";
 import { FieldLabel } from "./utils/FieldLabel.js";
 import { SubmitButton } from "./utils/SubmitButton.js";
+import { RefreshButton } from "./utils/RefreshButton.js";
 import { TextFieldWithAdornment } from "./utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./utils/functions.js";
 import { HelperPreviousValue } from "./utils/HelperPreviousValue.js";
@@ -71,6 +72,7 @@ export {
   RangeInput,
   RangeType,
   RawReadOnlyInput,
+  RefreshButton,
   SelectInput,
   SliderInput,
   SubmitButton,

package/dist/components/inputs/reactHookForm/utils/RefreshButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '@mui/material';
+export declare function RefreshButton(buttonProps: Readonly<ButtonProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/utils/RefreshButton.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { IconButton } from "@mui/material";
+import { Refresh } from "@mui/icons-material";
+function RefreshButton(buttonProps) {
+  return /* @__PURE__ */ jsx(IconButton, { ...buttonProps, children: /* @__PURE__ */ jsx(Refresh, { fontSize: "large" }) });
+}
+export {
+  RefreshButton
+};

package/dist/components/inputs/reactHookForm/utils/index.d.ts

@@ -7,6 +7,7 @@
 export * from './CancelButton';
 export * from './FieldLabel';
 export * from './SubmitButton';
+export * from './RefreshButton';
 export * from './TextFieldWithAdornment';
 export * from './functions';
 export * from './HelperPreviousValue';

package/dist/components/inputs/reactHookForm/utils/index.js

@@ -1,6 +1,7 @@
 import { CancelButton } from "./CancelButton.js";
 import { FieldLabel } from "./FieldLabel.js";
 import { SubmitButton } from "./SubmitButton.js";
+import { RefreshButton } from "./RefreshButton.js";
 import { TextFieldWithAdornment } from "./TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./functions.js";
 import { HelperPreviousValue } from "./HelperPreviousValue.js";
@@ -8,6 +9,7 @@ export {
   CancelButton,
   FieldLabel,
   HelperPreviousValue,
+  RefreshButton,
   SubmitButton,
   TextFieldWithAdornment,
   genHelperError,

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

@@ -1,9 +1,10 @@
 import { PredefinedParameters } from './constants';
 export interface ShortCircuitFieldsProps {
     resetAll: (predefinedParams: PredefinedParameters) => void;
+    enableDeveloperMode: boolean;
 }
 export declare enum Status {
     SUCCESS = "SUCCESS",
     ERROR = "ERROR"
 }
-export declare function ShortCircuitFields({ resetAll }: Readonly<ShortCircuitFieldsProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitFields({ resetAll, enableDeveloperMode }: Readonly<ShortCircuitFieldsProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -3,8 +3,8 @@ import { useState, useMemo, useEffect } from "react";
 import { Grid } from "@mui/material";
 import { green, red } from "@mui/material/colors";
 import { Lens } from "@mui/icons-material";
-import { useWatch } from "react-hook-form";
-import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, intlPredefinedParametersOptions, intlInitialVoltageProfileMode, PredefinedParameters, InitialVoltage, SHORT_CIRCUIT_WITH_FEEDER_RESULT } from "./constants.js";
+import { useWatch, useFormContext } from "react-hook-form";
+import { SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, intlPredefinedParametersOptions, PredefinedParameters, intlInitialVoltageProfileMode, InitialVoltage, SHORT_CIRCUIT_WITH_FEEDER_RESULT } from "./constants.js";
 import { VoltageTable } from "./short-circuit-voltage-table.js";
 import GridItem from "../../grid/grid-item.js";
 import GridSection from "../../grid/grid-section.js";
@@ -42,7 +42,7 @@ var Status = /* @__PURE__ */ ((Status2) => {
   Status2["ERROR"] = "ERROR";
   return Status2;
 })(Status || {});
-function ShortCircuitFields({ resetAll }) {
+function ShortCircuitFields({ resetAll, enableDeveloperMode = true }) {
   const [status, setStatus] = useState(
     "SUCCESS"
     /* SUCCESS */
@@ -72,8 +72,12 @@ function ShortCircuitFields({ resetAll }) {
     return !watchLoads && !watchShuntCompensators && watchVSC && !watchNeutralPosition;
   }, [watchLoads, watchShuntCompensators, watchVSC, watchNeutralPosition]);
   const predefinedParamsOptions = useMemo(() => {
-    return intlPredefinedParametersOptions();
-  }, []);
+    const options = intlPredefinedParametersOptions();
+    if (!enableDeveloperMode) {
+      return options.filter((opt) => opt.id !== PredefinedParameters.ICC_MIN_WITH_NOMINAL_VOLTAGE_MAP);
+    }
+    return options;
+  }, [enableDeveloperMode]);
   const initialVoltageProfileMode = useMemo(() => {
     return intlInitialVoltageProfileMode();
   }, []);
@@ -87,6 +91,17 @@ function ShortCircuitFields({ resetAll }) {
     console.debug("onPredefinedParametersManualChange new:", newPredefinedParameters);
     resetAll(newPredefinedParameters);
   };
+  const { setValue } = useFormContext();
+  useEffect(() => {
+    if (!enableDeveloperMode) {
+      if (watchPredefinedParams === PredefinedParameters.ICC_MIN_WITH_NOMINAL_VOLTAGE_MAP) {
+        setValue(SHORT_CIRCUIT_PREDEFINED_PARAMS, PredefinedParameters.ICC_MAX_WITH_NOMINAL_VOLTAGE_MAP, {
+          shouldDirty: false,
+          shouldValidate: true
+        });
+      }
+    }
+  }, [enableDeveloperMode, watchPredefinedParams, setValue]);
   const feederResult = /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", spacing: 2, direction: "row", children: [
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 10, children: /* @__PURE__ */ jsx(FieldLabel, { label: "descWithFeederResult" }) }),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, children: /* @__PURE__ */ jsx(SwitchInput, { name: SHORT_CIRCUIT_WITH_FEEDER_RESULT }) })

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

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

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

@@ -42,7 +42,8 @@ function ShortCircuitParametersEditionDialog({
   name,
   description,
   activeDirectory,
-  language
+  language,
+  enableDeveloperMode
 }) {
   const shortCircuitMethods = useShortCircuitParametersForm({
     parametersUuid: id,
@@ -80,7 +81,8 @@ function ShortCircuitParametersEditionDialog({
                 elementType: ElementType.SHORT_CIRCUIT_PARAMETERS
               }
             );
-          }
+          },
+          enableDeveloperMode: enableDeveloperMode ?? false
         }
       )
     }

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

@@ -4,6 +4,7 @@ interface ShortCircuitParametersFormProps {
     shortCircuitMethods: UseShortCircuitParametersFormReturn;
     renderTitleFields?: () => ReactNode;
     renderActions?: () => ReactNode;
+    enableDeveloperMode: boolean;
 }
-export declare function ShortCircuitParametersForm({ shortCircuitMethods, renderTitleFields, renderActions, }: Readonly<ShortCircuitParametersFormProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShortCircuitParametersForm({ shortCircuitMethods, renderTitleFields, renderActions, enableDeveloperMode, }: Readonly<ShortCircuitParametersFormProps>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -32,7 +32,8 @@ import { ShortCircuitFields } from "./short-circuit-fields.js";
 function ShortCircuitParametersForm({
   shortCircuitMethods,
   renderTitleFields,
-  renderActions
+  renderActions,
+  enableDeveloperMode
 }) {
   const { formMethods, formSchema, paramsLoading, resetAll } = shortCircuitMethods;
   return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, children: /* @__PURE__ */ jsxs(
@@ -46,7 +47,7 @@ function ShortCircuitParametersForm({
       },
       children: [
         /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields == null ? void 0 : renderTitleFields() }),
-        paramsLoading ? /* @__PURE__ */ jsx(LinearProgress, {}) : /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitFields, { resetAll }) }),
+        paramsLoading ? /* @__PURE__ */ jsx(LinearProgress, {}) : /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitFields, { enableDeveloperMode, resetAll }) }),
         /* @__PURE__ */ jsx(
           Grid,
           {

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

@@ -1,7 +1,8 @@
 import { UUID } from 'node:crypto';
 import { ShortCircuitParametersInfos } from './short-circuit-parameters.type';
-export declare function ShortCircuitParametersInLine({ studyUuid, setHaveDirtyFields, shortCircuitParameters, }: Readonly<{
+export declare function ShortCircuitParametersInLine({ studyUuid, setHaveDirtyFields, shortCircuitParameters, enableDeveloperMode, }: Readonly<{
     studyUuid: UUID | null;
     setHaveDirtyFields: (isDirty: boolean) => void;
     shortCircuitParameters: ShortCircuitParametersInfos | null;
+    enableDeveloperMode: boolean;
 }>): import("react/jsx-runtime").JSX.Element;

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

@@ -40,7 +40,8 @@ import { useShortCircuitParametersForm } from "./use-short-circuit-parameters-fo
 function ShortCircuitParametersInLine({
   studyUuid,
   setHaveDirtyFields,
-  shortCircuitParameters
+  shortCircuitParameters,
+  enableDeveloperMode
 }) {
   const shortCircuitMethods = useShortCircuitParametersForm({
     parametersUuid: null,
@@ -98,6 +99,7 @@ function ShortCircuitParametersInLine({
     ShortCircuitParametersForm,
     {
       shortCircuitMethods,
+      enableDeveloperMode,
       renderActions: () => {
         return /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [

package/dist/index.js

@@ -93,6 +93,7 @@ import { UniqueNameInput } from "./components/inputs/reactHookForm/text/UniqueNa
 import { CancelButton } from "./components/inputs/reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./components/inputs/reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./components/inputs/reactHookForm/utils/SubmitButton.js";
+import { RefreshButton } from "./components/inputs/reactHookForm/utils/RefreshButton.js";
 import { TextFieldWithAdornment } from "./components/inputs/reactHookForm/utils/TextFieldWithAdornment.js";
 import { genHelperError, gridItem, identity, isFieldRequired, toFloatOrNullValue } from "./components/inputs/reactHookForm/utils/functions.js";
 import { HelperPreviousValue } from "./components/inputs/reactHookForm/utils/HelperPreviousValue.js";
@@ -188,7 +189,7 @@ import { OptionalServicesStatus, useParametersBackend } from "./hooks/use-parame
 import { useCreateRowDataSensi } from "./hooks/use-create-row-data-sensi.js";
 import { LOGOUT_ERROR, RESET_AUTHENTICATION_ROUTER_ERROR, SHOW_AUTH_INFO_LOGIN, SIGNIN_CALLBACK_ERROR, UNAUTHORIZED_USER_INFO, USER, USER_VALIDATION_ERROR, resetAuthenticationRouterError, setLoggedUser, setLogoutError, setShowAuthenticationRouterLogin, setSignInCallbackError, setUnauthorizedUserInfo, setUserValidationError } from "./redux/actions/authActions.js";
 import { getUserToken, setCommonStore } from "./redux/commonStore.js";
-import { backendFetch, backendFetchJson, backendFetchText, catchErrorHandler, getRequestParamFromList } from "./services/utils.js";
+import { NetworkTimeoutError, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, catchErrorHandler, getRequestParamFromList } from "./services/utils.js";
 import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./services/explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./services/appsMetadata.js";
 import { elementAlreadyExists, fetchConfigParameter, fetchConfigParameters, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, getAppName, updateConfigParameter } from "./services/directory.js";
@@ -214,7 +215,7 @@ import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSel
 import { ElementType } from "./utils/types/elementType.js";
 import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./utils/types/equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./utils/types/equipmentTypes.js";
-import { AnnouncementSeverity } from "./utils/types/types.js";
+import { AnnouncementSeverity, ArrayAction } from "./utils/types/types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./utils/types/modificationType.js";
 import { FieldType } from "./utils/types/fieldType.js";
 import { ParameterType } from "./utils/types/parameters.type.js";
@@ -231,6 +232,7 @@ import { dndTableEn } from "./translations/en/dndTableEn.js";
 import { elementSearchEn } from "./translations/en/elementSearchEn.js";
 import { equipmentSearchEn } from "./translations/en/equipmentSearchEn.js";
 import { equipmentsEn } from "./translations/en/equipmentsEn.js";
+import { errorsEn } from "./translations/en/errorsEn.js";
 import { filterEn } from "./translations/en/filterEn.js";
 import { filterExpertEn } from "./translations/en/filterExpertEn.js";
 import { flatParametersEn } from "./translations/en/flatParametersEn.js";
@@ -256,6 +258,7 @@ import { dndTableFr } from "./translations/fr/dndTableFr.js";
 import { elementSearchFr } from "./translations/fr/elementSearchFr.js";
 import { equipmentSearchFr } from "./translations/fr/equipmentSearchFr.js";
 import { equipmentsFr } from "./translations/fr/equipmentsFr.js";
+import { errorsFr } from "./translations/fr/errorsFr.js";
 import { filterExpertFr } from "./translations/fr/filterExpertFr.js";
 import { filterFr } from "./translations/fr/filterFr.js";
 import { flatParametersFr } from "./translations/fr/flatParametersFr.js";
@@ -281,6 +284,7 @@ export {
   AnnouncementBanner,
   AnnouncementNotification,
   AnnouncementSeverity,
+  ArrayAction,
   ArrowsOutputIcon,
   AuthenticationRouter,
   default3 as AuthenticationRouterErrorDisplay,
@@ -485,6 +489,7 @@ export {
   NAME,
   NO_ITEM_SELECTION_FOR_COPY,
   NadPositionsGenerationMode,
+  NetworkTimeoutError,
   NetworkVisualizationParametersInline,
   NetworkVisualizationTabValues,
   NetworkVisualizationsParametersEditionDialog,
@@ -553,6 +558,7 @@ export {
   RangeType,
   RawReadOnlyInput,
   ReactivePowerAdornment,
+  RefreshButton,
   RemoveButton,
   RuleValueEditor,
   SEARCH_EQUIPMENTS,
@@ -654,6 +660,7 @@ export {
   alertThresholdMarks,
   areArrayElementsUnique,
   backendFetch,
+  backendFetchFile,
   backendFetchJson,
   backendFetchText,
   cardErrorBoundaryEn,
@@ -687,6 +694,8 @@ export {
   equipmentTypesForPredefinedPropertiesMapper,
   equipmentsEn,
   equipmentsFr,
+  errorsEn,
+  errorsFr,
   expertFilterSchema,
   explicitNamingFilterSchema,
   exportExpertRules,

package/dist/services/index.js

@@ -1,4 +1,4 @@
-import { backendFetch, backendFetchJson, backendFetchText, catchErrorHandler, getRequestParamFromList } from "./utils.js";
+import { NetworkTimeoutError, backendFetch, backendFetchFile, backendFetchJson, backendFetchText, catchErrorHandler, getRequestParamFromList } from "./utils.js";
 import { createFilter, createParameter, fetchElementsInfos, saveFilter, updateParameter } from "./explore.js";
 import { fetchAppsMetadata, fetchDefaultCountry, fetchEnv, fetchFavoriteAndDefaultCountries, fetchStudyMetadata, isStudyMetadata } from "./appsMetadata.js";
 import { elementAlreadyExists, fetchConfigParameter, fetchConfigParameters, fetchDirectoryContent, fetchDirectoryElementPath, fetchRootFolders, getAppName, updateConfigParameter } from "./directory.js";
@@ -9,8 +9,10 @@ import { fetchCurrentAnnouncement, fetchUserDetails } from "./userAdmin.js";
 import { getVoltageInitParameters, getVoltageInitUrl } from "./voltage-init.js";
 import { fetchDefaultSecurityAnalysisProvider, fetchSecurityAnalysisParameters, fetchSecurityAnalysisProviders, getSecurityAnalysisDefaultLimitReductions, getSecurityAnalysisParameters, getStudyUrl, safeEncodeURIComponent, setSecurityAnalysisParameters, updateSecurityAnalysisParameters, updateSecurityAnalysisProvider } from "./security-analysis.js";
 export {
+  NetworkTimeoutError,
   PREFIX_STUDY_QUERIES,
   backendFetch,
+  backendFetchFile,
   backendFetchJson,
   backendFetchText,
   catchErrorHandler,

package/dist/services/utils.d.ts

@@ -4,8 +4,19 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-export declare const backendFetch: (url: string, init: RequestInit, token?: string) => Promise<Response>;
-export declare const backendFetchJson: (url: string, init?: RequestInit, token?: string) => Promise<any>;
-export declare function backendFetchText(url: string, init?: RequestInit, token?: string): Promise<string>;
+/** Optional convenience: allow per-call timeout override without crafting a signal manually. */
+type FetchInitWithTimeout = RequestInit & {
+    /** If provided and no signal is set, use this as the timeout override (ms). */
+    timeoutMs?: number;
+};
+/** Custom error type thrown when AbortSignal.timeout triggers. */
+export declare class NetworkTimeoutError extends Error {
+    constructor(messageKey?: string);
+}
+export declare const backendFetch: (url: string, init?: FetchInitWithTimeout, token?: string) => Promise<Response>;
+export declare const backendFetchJson: (url: string, init?: FetchInitWithTimeout, token?: string) => Promise<any>;
+export declare function backendFetchText(url: string, init?: FetchInitWithTimeout, token?: string): Promise<string>;
+export declare const backendFetchFile: (url: string, init: RequestInit, token?: string) => Promise<Blob>;
 export declare const getRequestParamFromList: (paramName: string, params?: string[]) => URLSearchParams;
 export declare const catchErrorHandler: (error: unknown, callback: (message: string) => void) => void;
+export {};

package/dist/services/utils.js

@@ -1,20 +1,35 @@
 import { getUserToken } from "../redux/commonStore.js";
+const DEFAULT_TIMEOUT_MS = 5e4;
+class NetworkTimeoutError extends Error {
+  constructor(messageKey = "errors.network.timeout") {
+    super(messageKey);
+    this.name = "NetworkTimeoutError";
+  }
+}
 const parseError = (text) => {
   try {
     return JSON.parse(text);
-  } catch (err) {
+  } catch {
     return null;
   }
 };
+const ensureSignal = (init) => {
+  if (init == null ? void 0 : init.signal) return init;
+  const timeoutMs = typeof (init == null ? void 0 : init.timeoutMs) === "number" ? init.timeoutMs : DEFAULT_TIMEOUT_MS;
+  return {
+    ...init,
+    signal: AbortSignal.timeout(timeoutMs)
+  };
+};
 const prepareRequest = (init, token) => {
   if (!(typeof init === "undefined" || typeof init === "object")) {
     throw new TypeError(`First argument of prepareRequest is not an object : ${typeof init}`);
   }
-  const initCopy = { ...init };
-  initCopy.headers = new Headers(initCopy.headers || {});
+  const initWithSignal = ensureSignal(init);
+  initWithSignal.headers = new Headers(initWithSignal.headers || {});
   const tokenCopy = token ?? getUserToken();
-  initCopy.headers.append("Authorization", `Bearer ${tokenCopy}`);
-  return initCopy;
+  initWithSignal.headers.append("Authorization", `Bearer ${tokenCopy}`);
+  return initWithSignal;
 };
 const handleError = (response) => {
   return response.text().then((text) => {
@@ -33,8 +48,14 @@ const handleError = (response) => {
     throw customError;
   });
 };
+const handleTimeoutError = (error) => {
+  if (error instanceof Error && (error.name === "AbortError" || error.name === "TimeoutError")) {
+    throw new NetworkTimeoutError();
+  }
+  throw error;
+};
 const safeFetch = (url, initCopy) => {
-  return fetch(url, initCopy).then((response) => response.ok ? response : handleError(response));
+  return fetch(url, initCopy).then((response) => response.ok ? response : handleError(response)).catch(handleTimeoutError);
 };
 const backendFetch = (url, init, token) => {
   const initCopy = prepareRequest(init, token);
@@ -48,6 +69,10 @@ function backendFetchText(url, init, token) {
   const initCopy = prepareRequest(init, token);
   return safeFetch(url, initCopy).then((safeResponse) => safeResponse.text());
 }
+const backendFetchFile = (url, init, token) => {
+  const initCopy = prepareRequest(init, token);
+  return safeFetch(url, initCopy).then((safeResponse) => safeResponse.blob());
+};
 const getRequestParamFromList = (paramName, params = []) => {
   return new URLSearchParams(params.map((param) => [paramName, param]));
 };
@@ -59,7 +84,9 @@ const catchErrorHandler = (error, callback) => {
   }
 };
 export {
+  NetworkTimeoutError,
   backendFetch,
+  backendFetchFile,
   backendFetchJson,
   backendFetchText,
   catchErrorHandler,

package/dist/translations/en/errorsEn.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export declare const errorsEn: {
+    'errors.network.timeout': string;
+};

package/dist/translations/en/errorsEn.js

@@ -0,0 +1,6 @@
+const errorsEn = {
+  "errors.network.timeout": "The request timed out. Please try again."
+};
+export {
+  errorsEn
+};

package/dist/translations/en/index.d.ts

@@ -13,6 +13,7 @@ export * from './dndTableEn';
 export * from './elementSearchEn';
 export * from './equipmentSearchEn';
 export * from './equipmentsEn';
+export * from './errorsEn';
 export * from './filterEn';
 export * from './filterExpertEn';
 export * from './flatParametersEn';

package/dist/translations/en/index.js

@@ -7,6 +7,7 @@ import { dndTableEn } from "./dndTableEn.js";
 import { elementSearchEn } from "./elementSearchEn.js";
 import { equipmentSearchEn } from "./equipmentSearchEn.js";
 import { equipmentsEn } from "./equipmentsEn.js";
+import { errorsEn } from "./errorsEn.js";
 import { filterEn } from "./filterEn.js";
 import { filterExpertEn } from "./filterExpertEn.js";
 import { flatParametersEn } from "./flatParametersEn.js";
@@ -34,6 +35,7 @@ export {
   elementSearchEn,
   equipmentSearchEn,
   equipmentsEn,
+  errorsEn,
   exportParamsEn,
   filterEn,
   filterExpertEn,

package/dist/translations/fr/errorsFr.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export declare const errorsFr: {
+    'errors.network.timeout': string;
+};

package/dist/translations/fr/errorsFr.js

@@ -0,0 +1,6 @@
+const errorsFr = {
+  "errors.network.timeout": "La requête a expiré. Veuillez réessayer."
+};
+export {
+  errorsFr
+};

package/dist/translations/fr/index.d.ts

@@ -13,6 +13,7 @@ export * from './dndTableFr';
 export * from './elementSearchFr';
 export * from './equipmentSearchFr';
 export * from './equipmentsFr';
+export * from './errorsFr';
 export * from './filterExpertFr';
 export * from './filterFr';
 export * from './flatParametersFr';

package/dist/translations/fr/index.js

@@ -7,6 +7,7 @@ import { dndTableFr } from "./dndTableFr.js";
 import { elementSearchFr } from "./elementSearchFr.js";
 import { equipmentSearchFr } from "./equipmentSearchFr.js";
 import { equipmentsFr } from "./equipmentsFr.js";
+import { errorsFr } from "./errorsFr.js";
 import { filterExpertFr } from "./filterExpertFr.js";
 import { filterFr } from "./filterFr.js";
 import { flatParametersFr } from "./flatParametersFr.js";
@@ -34,6 +35,7 @@ export {
   elementSearchFr,
   equipmentSearchFr,
   equipmentsFr,
+  errorsFr,
   exportParamsFr,
   filterExpertFr,
   filterFr,

package/dist/utils/index.js

@@ -14,7 +14,7 @@ import { DARK_THEME, LIGHT_THEME, makeComposeClasses, mergeSx, toNestedGlobalSel
 import { ElementType } from "./types/elementType.js";
 import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./types/equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./types/equipmentTypes.js";
-import { AnnouncementSeverity } from "./types/types.js";
+import { AnnouncementSeverity, ArrayAction } from "./types/types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./types/modificationType.js";
 import { FieldType } from "./types/fieldType.js";
 import { ParameterType } from "./types/parameters.type.js";
@@ -26,6 +26,7 @@ import * as yup from "yup";
 export {
   AMPERE,
   AnnouncementSeverity,
+  ArrayAction,
   BASE_EQUIPMENTS,
   Battery,
   BusBar,

package/dist/utils/types/index.js

@@ -1,7 +1,7 @@
 import { ElementType } from "./elementType.js";
 import { BASE_EQUIPMENTS, EQUIPMENT_TYPE, EquipmentType, ExtendedEquipmentType, HvdcType, OperatingStatus, SEARCH_EQUIPMENTS, TYPE_TAG_MAX_SIZE, VL_TAG_MAX_SIZE, equipmentStyles, getEquipmentsInfosForSearchBar } from "./equipmentType.js";
 import { Battery, BusBar, DanglingLine, Generator, Hvdc, LCC, Line, Load, SVC, ShuntCompensator, Substation, ThreeWindingTransfo, TwoWindingTransfo, VSC, VoltageLevel } from "./equipmentTypes.js";
-import { AnnouncementSeverity } from "./types.js";
+import { AnnouncementSeverity, ArrayAction } from "./types.js";
 import { MODIFICATION_TYPES, ModificationType } from "./modificationType.js";
 import { FieldType } from "./fieldType.js";
 import { ParameterType } from "./parameters.type.js";
@@ -9,6 +9,7 @@ import { SolverTypeInfos } from "./dynamic-simulation.type.js";
 import { DistributionType, SensitivityType } from "./sensitivity-analysis.type.js";
 export {
   AnnouncementSeverity,
+  ArrayAction,
   BASE_EQUIPMENTS,
   Battery,
   BusBar,

package/dist/utils/types/types.d.ts

@@ -56,3 +56,7 @@ export type AnnouncementDto = {
     severity: AnnouncementSeverity;
     remainingDuration: number;
 };
+export declare enum ArrayAction {
+    ADD = "ADD",
+    REMOVE = "REMOVE"
+}

package/dist/utils/types/types.js

@@ -3,6 +3,12 @@ var AnnouncementSeverity = /* @__PURE__ */ ((AnnouncementSeverity2) => {
   AnnouncementSeverity2["WARN"] = "WARN";
   return AnnouncementSeverity2;
 })(AnnouncementSeverity || {});
+var ArrayAction = /* @__PURE__ */ ((ArrayAction2) => {
+  ArrayAction2["ADD"] = "ADD";
+  ArrayAction2["REMOVE"] = "REMOVE";
+  return ArrayAction2;
+})(ArrayAction || {});
 export {
-  AnnouncementSeverity
+  AnnouncementSeverity,
+  ArrayAction
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.131.0",
+    "version": "0.132.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",