@gridsuite/commons-ui 0.61.4 → 0.63.0

package/dist/services/utils.js

@@ -1,31 +1,23 @@
 import { getUserToken } from "../redux/commonStore.js";
-const backendFetch = (url, init, token) => {
-  const initCopy = prepareRequest(init, token);
-  return safeFetch(url, initCopy);
-};
-const backendFetchJson = (url, init, token) => {
-  const initCopy = prepareRequest(init, token);
-  return safeFetch(url, initCopy).then(
-    (safeResponse) => safeResponse.status === 204 ? null : safeResponse.json()
-  );
+const parseError = (text) => {
+  try {
+    return JSON.parse(text);
+  } catch (err) {
+    return null;
+  }
 };
 const prepareRequest = (init, token) => {
   if (!(typeof init === "undefined" || typeof init === "object")) {
     throw new TypeError(
-      "First argument of prepareRequest is not an object : " + typeof init
+      `First argument of prepareRequest is not an object : ${typeof init}`
     );
   }
-  const initCopy = Object.assign({}, init);
+  const initCopy = { ...init };
   initCopy.headers = new Headers(initCopy.headers || {});
   const tokenCopy = token ?? getUserToken();
-  initCopy.headers.append("Authorization", "Bearer " + tokenCopy);
+  initCopy.headers.append("Authorization", `Bearer ${tokenCopy}`);
   return initCopy;
 };
-const safeFetch = (url, initCopy) => {
-  return fetch(url, initCopy).then(
-    (response) => response.ok ? response : handleError(response)
-  );
-};
 const handleError = (response) => {
   return response.text().then((text) => {
     const errorName = "HttpResponseError : ";
@@ -33,26 +25,34 @@ const handleError = (response) => {
     let customError;
     if (errorJson && errorJson.status && errorJson.error && errorJson.message) {
       customError = new Error(
-        errorName + errorJson.status + " " + errorJson.error + ", message : " + errorJson.message
+        `${errorName + errorJson.status} ${errorJson.error}, message : ${errorJson.message}`
       );
       customError.status = errorJson.status;
     } else {
       customError = new Error(
-        errorName + response.status + " " + response.statusText + ", message : " + text
+        `${errorName + response.status} ${response.statusText}, message : ${text}`
       );
       customError.status = response.status;
     }
     throw customError;
   });
 };
-const parseError = (text) => {
-  try {
-    return JSON.parse(text);
-  } catch (err) {
-    return null;
-  }
+const safeFetch = (url, initCopy) => {
+  return fetch(url, initCopy).then(
+    (response) => response.ok ? response : handleError(response)
+  );
+};
+const backendFetch = (url, init, token) => {
+  const initCopy = prepareRequest(init, token);
+  return safeFetch(url, initCopy);
+};
+const backendFetchJson = (url, init, token) => {
+  const initCopy = prepareRequest(init, token);
+  return safeFetch(url, initCopy).then(
+    (safeResponse) => safeResponse.status === 204 ? null : safeResponse.json()
+  );
 };
-const getRequestParamFromList = (params = [], paramName) => {
+const getRequestParamFromList = (paramName, params = []) => {
   return new URLSearchParams(params.map((param) => [paramName, param]));
 };
 export {

package/dist/utils/AuthService.d.ts

@@ -1,21 +1,30 @@
-import { Location, NavigateFunction } from 'react-router-dom';
-import { Dispatch } from 'react';
 import { AuthenticationActions } from '../redux/authActions';
 import { User, UserManager } from 'oidc-client';
+import { Location, NavigateFunction } from 'react-router-dom';
+import { Dispatch } from 'react';
 
 type UserValidationFunc = (user: User) => Promise<boolean>;
+type IdpSettingsGetter = () => Promise<IdpSettings>;
+export type IdpSettings = {
+    authority: string;
+    client_id: string;
+    redirect_uri: string;
+    post_logout_redirect_uri: string;
+    silent_redirect_uri: string;
+    scope: string;
+    maxExpiresIn?: number;
+};
 type CustomUserManager = UserManager & {
-    authorizationCodeFlowEnabled?: boolean;
     idpSettings?: {
         maxExpiresIn?: number;
     };
 };
-declare function initializeAuthenticationDev(dispatch: Dispatch<AuthenticationActions>, isSilentRenew: boolean, validateUser: UserValidationFunc, isSigninCallback: boolean): Promise<UserManager>;
-declare function initializeAuthenticationProd(dispatch: Dispatch<AuthenticationActions>, isSilentRenew: boolean, idpSettings: Promise<Response>, validateUser: UserValidationFunc, authorizationCodeFlowEnabled: boolean, isSigninCallback: boolean): Promise<CustomUserManager>;
-declare function login(location: Location, userManagerInstance: UserManager | null): Promise<void> | undefined;
-declare function logout(dispatch: Dispatch<AuthenticationActions>, userManagerInstance: UserManager | null): Promise<void | undefined> | undefined;
-declare function dispatchUser(dispatch: Dispatch<AuthenticationActions>, userManagerInstance: CustomUserManager, validateUser: UserValidationFunc): Promise<void | undefined>;
-declare function getPreLoginPath(): string | null;
-declare function handleSigninCallback(dispatch: Dispatch<AuthenticationActions>, navigate: NavigateFunction, userManagerInstance: UserManager): void;
-declare function handleSilentRenewCallback(userManagerInstance: UserManager): void;
-export { initializeAuthenticationDev, initializeAuthenticationProd, handleSilentRenewCallback, login, logout, dispatchUser, handleSigninCallback, getPreLoginPath, };
+export declare function login(location: Location, userManagerInstance: UserManager | null): Promise<void> | undefined;
+export declare function logout(dispatch: Dispatch<AuthenticationActions>, userManagerInstance: UserManager | null): Promise<void> | undefined;
+export declare function dispatchUser(dispatch: Dispatch<AuthenticationActions>, userManagerInstance: CustomUserManager, validateUser: UserValidationFunc): Promise<void>;
+export declare function getPreLoginPath(): string | null;
+export declare function handleSigninCallback(dispatch: Dispatch<AuthenticationActions>, navigate: NavigateFunction, userManagerInstance: UserManager): void;
+export declare function handleSilentRenewCallback(userManagerInstance: UserManager): void;
+export declare function initializeAuthenticationDev(dispatch: Dispatch<AuthenticationActions>, isSilentRenew: boolean, validateUser: UserValidationFunc, isSigninCallback: boolean): Promise<UserManager>;
+export declare function initializeAuthenticationProd(dispatch: Dispatch<AuthenticationActions>, isSilentRenew: boolean, idpSettingsGetter: IdpSettingsGetter, validateUser: UserValidationFunc, isSigninCallback: boolean): Promise<CustomUserManager>;
+export {};

package/dist/utils/AuthService.js

@@ -1,12 +1,13 @@
-import { Log, UserManager } from "oidc-client";
-import { UserManagerMock } from "./UserManagerMock.js";
-import { setShowAuthenticationRouterLogin, setLoggedUser, setLogoutError, setUnauthorizedUserInfo, setUserValidationError, setSignInCallbackError, resetAuthenticationRouterError } from "../redux/authActions.js";
 import { jwtDecode } from "jwt-decode";
+import { Log, UserManager } from "oidc-client";
+import UserManagerMock from "./UserManagerMock.js";
+import { setLoggedUser, setLogoutError, setUnauthorizedUserInfo, setUserValidationError, setSignInCallbackError, setShowAuthenticationRouterLogin, resetAuthenticationRouterError } from "../redux/authActions.js";
 window.OIDCLog = Log;
 const hackAuthorityKey = "oidc.hack.authority";
 const oidcHackReloadedKey = "gridsuite-oidc-hack-reloaded";
 const pathKey = "powsybl-gridsuite-current-path";
-function isIssuerErrorForCodeFlow(error) {
+const accessTokenExpiringNotificationTime = 60;
+function isIssuerError(error) {
   return error.message.includes("Invalid issuer in token");
 }
 function extractIssuerToSessionStorage(error) {
@@ -28,119 +29,31 @@ function reloadTimerOnExpiresIn(user, userManager, expiresIn) {
     userManager.getUser();
   });
 }
+function getIdTokenExpiresIn(user) {
+  const now = Date.now() / 1e3;
+  const { exp } = jwtDecode(user.id_token);
+  if (exp === void 0) {
+    return 0;
+  }
+  return exp - now;
+}
 function handleSigninSilent(dispatch, userManager) {
   userManager.getUser().then((user) => {
     if (user == null || getIdTokenExpiresIn(user) < 0) {
       return userManager.signinSilent().catch((error) => {
         dispatch(setShowAuthenticationRouterLogin(true));
-        const errorIssuerCodeFlow = isIssuerErrorForCodeFlow(error);
-        const errorIssuerImplicitFlow = error.message === "authority mismatch on settings vs. signin state";
-        if (errorIssuerCodeFlow) {
+        if (isIssuerError(error)) {
           extractIssuerToSessionStorage(error);
-        }
-        if (errorIssuerCodeFlow || errorIssuerImplicitFlow) {
           reload();
         }
       });
     }
-  });
-}
-function initializeAuthenticationDev(dispatch, isSilentRenew, validateUser, isSigninCallback) {
-  let userManager = new UserManagerMock(
-    {}
-  );
-  if (!isSilentRenew) {
-    handleUser(dispatch, userManager, validateUser);
-    if (!isSigninCallback) {
-      handleSigninSilent(dispatch, userManager);
-    }
-  }
-  return Promise.resolve(userManager);
-}
-const accessTokenExpiringNotificationTime = 60;
-function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, validateUser, authorizationCodeFlowEnabled, isSigninCallback) {
-  return idpSettings.then((r) => r.json()).then((idpSettings2) => {
-    const regextoken = /id_token=[^&]*/;
-    const regexstate = /state=[^&]*/;
-    const regexexpires = /expires_in=[^&]*/;
-    let authority;
-    if (window.location.hash) {
-      const matched_id_token = window.location.hash.match(regextoken);
-      const matched_state = window.location.hash.match(regexstate);
-      if (matched_id_token != null && matched_state != null) {
-        const id_token = matched_id_token[0].split("=")[1];
-        const state = matched_state[0].split("=")[1];
-        const strState = localStorage.getItem("oidc." + state);
-        if (strState != null) {
-          const decoded = jwtDecode(id_token);
-          authority = decoded.iss;
-          const storedState = JSON.parse(strState);
-          console.debug(
-            "Replacing authority in storedState. Before: ",
-            storedState.authority,
-            "after: ",
-            authority
-          );
-          storedState.authority = authority;
-          localStorage.setItem(
-            "oidc." + state,
-            JSON.stringify(storedState)
-          );
-          if (authority !== void 0) {
-            sessionStorage.setItem(hackAuthorityKey, authority);
-          }
-          const matched_expires = window.location.hash.match(regexexpires);
-          if (matched_expires != null) {
-            const expires_in = parseInt(
-              matched_expires[0].split("=")[1]
-            );
-            window.location.hash = window.location.hash.replace(
-              matched_expires[0],
-              "expires_in=" + computeMinExpiresIn(
-                expires_in,
-                id_token,
-                idpSettings2.maxExpiresIn
-              )
-            );
-          }
-        }
-      }
-    }
-    authority = authority || sessionStorage.getItem(hackAuthorityKey) || idpSettings2.authority;
-    const responseSettings = authorizationCodeFlowEnabled ? { response_type: "code" } : {
-      response_type: "id_token token",
-      response_mode: "fragment"
-    };
-    const settings = {
-      authority,
-      client_id: idpSettings2.client_id,
-      redirect_uri: idpSettings2.redirect_uri,
-      post_logout_redirect_uri: idpSettings2.post_logout_redirect_uri,
-      silent_redirect_uri: idpSettings2.silent_redirect_uri,
-      scope: idpSettings2.scope,
-      automaticSilentRenew: !isSilentRenew,
-      accessTokenExpiringNotificationTime,
-      ...responseSettings
-    };
-    let userManager = new UserManager(settings);
-    userManager.idpSettings = idpSettings2;
-    userManager.authorizationCodeFlowEnabled = authorizationCodeFlowEnabled;
-    if (!isSilentRenew) {
-      handleUser(dispatch, userManager, validateUser);
-      if (!isSigninCallback) {
-        handleSigninSilent(dispatch, userManager);
-      }
-    }
-    return userManager;
-  }).catch((error) => {
-    console.debug("error when importing the idp settings", error);
-    dispatch(setShowAuthenticationRouterLogin(true));
-    throw error;
+    return Promise.resolve();
   });
 }
 function computeMinExpiresIn(expiresIn, idToken, maxExpiresIn) {
   const now = Date.now() / 1e3;
-  const exp = jwtDecode(idToken).exp;
+  const { exp } = jwtDecode(idToken);
   if (exp === void 0) {
     return expiresIn;
   }
@@ -157,10 +70,10 @@ function computeMinExpiresIn(expiresIn, idToken, maxExpiresIn) {
   }
   if (newExpiresInReplaceReason) {
     console.debug(
-      "Replacing expiresIn in user to " + newExpiresIn + " because " + newExpiresInReplaceReason + ". ",
+      `Replacing expiresIn in user to ${newExpiresIn} because ${newExpiresInReplaceReason}. `,
       "debug:",
-      "original expires_in: " + expiresIn + ", ",
-      "idTokenExpiresIn: " + idTokenExpiresIn + ", idpSettings maxExpiresIn: " + maxExpiresIn
+      `original expires_in: ${expiresIn}, `,
+      `idTokenExpiresIn: ${idTokenExpiresIn}, idpSettings maxExpiresIn: ${maxExpiresIn}`
     );
   }
   return newExpiresIn;
@@ -171,6 +84,7 @@ function login(location, userManagerInstance) {
 }
 function logout(dispatch, userManagerInstance) {
   sessionStorage.removeItem(hackAuthorityKey);
+  sessionStorage.removeItem(oidcHackReloadedKey);
   return userManagerInstance == null ? void 0 : userManagerInstance.getUser().then((user) => {
     if (user) {
       return userManagerInstance.signoutRedirect({
@@ -185,19 +99,11 @@ function logout(dispatch, userManagerInstance) {
         dispatch(setLoggedUser(null));
         dispatch(setLogoutError((_a = user == null ? void 0 : user.profile) == null ? void 0 : _a.name, { error: e }));
       });
-    } else {
-      console.log("Error nobody to logout ");
     }
+    console.log("Error nobody to logout ");
+    return Promise.resolve();
   });
 }
-function getIdTokenExpiresIn(user) {
-  const now = Date.now() / 1e3;
-  const exp = jwtDecode(user.id_token).exp;
-  if (exp === void 0) {
-    return 0;
-  }
-  return exp - now;
-}
 function dispatchUser(dispatch, userManagerInstance, validateUser) {
   return userManagerInstance.getUser().then((user) => {
     if (user) {
@@ -205,9 +111,9 @@ function dispatchUser(dispatch, userManagerInstance, validateUser) {
         console.debug(
           "User token is expired and will not be dispatched"
         );
-        return;
+        return Promise.resolve();
       }
-      let validateUserPromise = validateUser && validateUser(user) || Promise.resolve(true);
+      const validateUserPromise = (validateUser == null ? void 0 : validateUser(user)) || Promise.resolve(true);
       return validateUserPromise.then((valid) => {
         var _a, _b;
         if (!valid) {
@@ -221,17 +127,15 @@ function dispatchUser(dispatch, userManagerInstance, validateUser) {
         console.debug(
           "User has been successfully loaded from store."
         );
-        if (userManagerInstance.authorizationCodeFlowEnabled) {
-          reloadTimerOnExpiresIn(
-            user,
-            userManagerInstance,
-            computeMinExpiresIn(
-              user.expires_in,
-              user.id_token,
-              (_b = userManagerInstance.idpSettings) == null ? void 0 : _b.maxExpiresIn
-            )
-          );
-        }
+        reloadTimerOnExpiresIn(
+          user,
+          userManagerInstance,
+          computeMinExpiresIn(
+            user.expires_in,
+            user.id_token,
+            (_b = userManagerInstance.idpSettings) == null ? void 0 : _b.maxExpiresIn
+          )
+        );
         return dispatch(setLoggedUser(user));
       }).catch((e) => {
         var _a;
@@ -242,9 +146,9 @@ function dispatchUser(dispatch, userManagerInstance, validateUser) {
           })
         );
       });
-    } else {
-      console.debug("You are not logged in.");
     }
+    console.debug("You are not logged in.");
+    return Promise.resolve();
   });
 }
 function getPreLoginPath() {
@@ -258,20 +162,20 @@ function navigateToPreLoginPath(navigate) {
 }
 function handleSigninCallback(dispatch, navigate, userManagerInstance) {
   let reloadAfterNavigate = false;
-  userManagerInstance.signinRedirectCallback().catch(function(e) {
-    if (isIssuerErrorForCodeFlow(e)) {
+  userManagerInstance.signinRedirectCallback().catch((e) => {
+    if (isIssuerError(e)) {
       extractIssuerToSessionStorage(e);
       reloadAfterNavigate = true;
     } else {
       throw e;
     }
-  }).then(function() {
+  }).then(() => {
     dispatch(setSignInCallbackError(null));
     navigateToPreLoginPath(navigate);
     if (reloadAfterNavigate) {
       reload();
     }
-  }).catch(function(e) {
+  }).catch((e) => {
     dispatch(setSignInCallbackError(e));
     console.error(e);
   });
@@ -298,18 +202,20 @@ function handleUser(dispatch, userManager, validateUser) {
         const idTokenExpiresIn = getIdTokenExpiresIn(user);
         if (idTokenExpiresIn < 0) {
           console.log(
-            "Error in silent renew, idtoken expired: " + idTokenExpiresIn + " => Logging out.",
+            `Error in silent renew, idtoken expired: ${idTokenExpiresIn} => Logging out.`,
             error
           );
           dispatch(setShowAuthenticationRouterLogin(true));
           dispatch(resetAuthenticationRouterError());
-          return dispatch(setLoggedUser(null));
-        } else if ((_a = userManager.idpSettings) == null ? void 0 : _a.maxExpiresIn) {
+          dispatch(setLoggedUser(null));
+          return;
+        }
+        if ((_a = userManager.idpSettings) == null ? void 0 : _a.maxExpiresIn) {
           if (idTokenExpiresIn < userManager.idpSettings.maxExpiresIn) {
             console.log(
-              "Error in silent renew, but idtoken ALMOST expiring (expiring in" + idTokenExpiresIn + ") => last chance, next error will logout",
-              "maxExpiresIn = " + userManager.idpSettings.maxExpiresIn,
-              "last renew attempt in " + (idTokenExpiresIn - accessTokenExpiringNotificationTime) + "seconds",
+              `Error in silent renew, but idtoken ALMOST expiring (expiring in${idTokenExpiresIn}) => last chance, next error will logout`,
+              `maxExpiresIn = ${userManager.idpSettings.maxExpiresIn}`,
+              `last renew attempt in ${idTokenExpiresIn - accessTokenExpiringNotificationTime}seconds`,
               error
             );
             reloadTimerOnExpiresIn(
@@ -319,7 +225,7 @@ function handleUser(dispatch, userManager, validateUser) {
             );
           } else {
             console.log(
-              "Error in silent renew, but idtoken NOT expiring (expiring in" + idTokenExpiresIn + ") => postponing expiration to" + userManager.idpSettings.maxExpiresIn,
+              `Error in silent renew, but idtoken NOT expiring (expiring in${idTokenExpiresIn}) => postponing expiration to${userManager.idpSettings.maxExpiresIn}`,
               error
             );
             reloadTimerOnExpiresIn(
@@ -330,7 +236,7 @@ function handleUser(dispatch, userManager, validateUser) {
           }
         } else {
           console.log(
-            "Error in silent renew, unsupported configuration: token still valid for " + idTokenExpiresIn + " but maxExpiresIn is not configured:" + ((_b = userManager.idpSettings) == null ? void 0 : _b.maxExpiresIn),
+            `Error in silent renew, unsupported configuration: token still valid for ${idTokenExpiresIn} but maxExpiresIn is not configured:${(_b = userManager.idpSettings) == null ? void 0 : _b.maxExpiresIn}`,
             error
           );
         }
@@ -340,6 +246,45 @@ function handleUser(dispatch, userManager, validateUser) {
   console.debug("dispatch user");
   dispatchUser(dispatch, userManager, validateUser);
 }
+async function initializeAuthenticationDev(dispatch, isSilentRenew, validateUser, isSigninCallback) {
+  const userManager = new UserManagerMock({});
+  if (!isSilentRenew) {
+    handleUser(dispatch, userManager, validateUser);
+    if (!isSigninCallback) {
+      handleSigninSilent(dispatch, userManager);
+    }
+  }
+  return userManager;
+}
+async function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettingsGetter, validateUser, isSigninCallback) {
+  const idpSettings = await idpSettingsGetter();
+  try {
+    const settings = {
+      authority: sessionStorage.getItem(hackAuthorityKey) || idpSettings.authority,
+      client_id: idpSettings.client_id,
+      redirect_uri: idpSettings.redirect_uri,
+      post_logout_redirect_uri: idpSettings.post_logout_redirect_uri,
+      silent_redirect_uri: idpSettings.silent_redirect_uri,
+      scope: idpSettings.scope,
+      automaticSilentRenew: !isSilentRenew,
+      accessTokenExpiringNotificationTime,
+      response_type: "code"
+    };
+    const userManager = new UserManager(settings);
+    userManager.idpSettings = idpSettings;
+    if (!isSilentRenew) {
+      handleUser(dispatch, userManager, validateUser);
+      if (!isSigninCallback) {
+        handleSigninSilent(dispatch, userManager);
+      }
+    }
+    return userManager;
+  } catch (error) {
+    console.debug("error when importing the idp settings", error);
+    dispatch(setShowAuthenticationRouterLogin(true));
+    throw error;
+  }
+}
 export {
   dispatchUser,
   getPreLoginPath,

package/dist/utils/ElementIcon.d.ts

@@ -1,4 +1,5 @@
-import { SxProps, Theme } from '@mui/material';
 import { ElementType } from './ElementType';
+import { SxProps, Theme } from '@mui/material';
 
-export declare function getFileIcon(type: ElementType, style: SxProps<Theme>): import("react/jsx-runtime").JSX.Element | undefined;
+declare function getFileIcon(type: ElementType, style: SxProps<Theme>): import("react/jsx-runtime").JSX.Element | undefined;
+export default getFileIcon;

package/dist/utils/ElementIcon.js

@@ -20,11 +20,12 @@ function getFileIcon(type, style) {
     case ElementType.SHORT_CIRCUIT_PARAMETERS:
       return /* @__PURE__ */ jsx(Settings, { sx: style });
     case ElementType.DIRECTORY:
-      return;
+      return void 0;
     default:
-      console.warn("unknown type [" + type + "]");
+      console.warn(`unknown type [${type}]`);
   }
+  return void 0;
 }
 export {
-  getFileIcon
+  getFileIcon as default
 };

package/dist/utils/ElementType.d.ts

@@ -1,9 +1,5 @@
-/**
- * Copyright (c) 2024, 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/.
- */
+import { UUID } from 'crypto';
+
 export declare enum ElementType {
     DIRECTORY = "DIRECTORY",
     STUDY = "STUDY",
@@ -17,3 +13,4 @@ export declare enum ElementType {
     SENSITIVITY_PARAMETERS = "SENSITIVITY_PARAMETERS",
     SHORT_CIRCUIT_PARAMETERS = "SHORT_CIRCUIT_PARAMETERS"
 }
+export type ElementExistsType = (directory: UUID, value: string, elementType: ElementType) => Promise<boolean>;

package/dist/utils/EquipmentType.js

@@ -19,7 +19,7 @@ const equipmentStyles = {
       fontSize: "x-small",
       textAlign: "center",
       color: (
-        //TODO remove first condition when gridstudy is updated
+        // TODO remove first condition when gridstudy is updated
         theme === LIGHT_THEME || typeof theme !== "string" && ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.mode) === "light" ? "inherit" : "black"
       )
     };
@@ -193,7 +193,7 @@ const EQUIPMENT_TYPE = {
 const getEquipmentsInfosForSearchBar = (equipmentsInfos, getNameOrId) => {
   return equipmentsInfos.flatMap((e) => {
     var _a;
-    let label = getNameOrId(e);
+    const label = getNameOrId(e);
     return e.type === "SUBSTATION" ? [
       {
         label,
@@ -205,7 +205,7 @@ const getEquipmentsInfosForSearchBar = (equipmentsInfos, getNameOrId) => {
       return {
         label,
         id: e.id,
-        key: e.id + "_" + vli.id,
+        key: `${e.id}_${vli.id}`,
         type: e.type,
         voltageLevelLabel: getNameOrId(vli),
         voltageLevelId: vli.id

package/dist/utils/FetchStatus.d.ts

@@ -4,9 +4,10 @@
  * 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 FetchStatus: {
+declare const FetchStatus: {
     IDLE: string;
     FETCHING: string;
     FETCH_SUCCESS: string;
     FETCH_ERROR: string;
 };
+export default FetchStatus;

package/dist/utils/FetchStatus.js

@@ -5,5 +5,5 @@ const FetchStatus = {
   FETCH_ERROR: "FETCH_ERROR"
 };
 export {
-  FetchStatus
+  FetchStatus as default
 };

package/dist/utils/Metadata.d.ts

@@ -0,0 +1,15 @@
+import { PredefinedProperties } from './types';
+
+export interface Metadata {
+    name: string;
+    url: string;
+    appColor: string;
+    hiddenInAppsMenu: boolean;
+    resources: unknown;
+}
+export interface StudyMetadata extends Metadata {
+    name: 'Study';
+    predefinedEquipmentProperties: {
+        [networkElementType: string]: PredefinedProperties;
+    };
+}

package/dist/utils/Metadata.js

@@ -0,0 +1 @@
+