@gridsuite/commons-ui 0.205.0 → 0.206.0

package/dist/components/announcement/AnnouncementBanner.d.ts

@@ -1,7 +1,7 @@
 import { UUID } from 'node:crypto';
 import { PropsWithChildren, ReactNode } from 'react';
 import { AlertProps } from '@mui/material';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { AnnouncementSeverity } from '../../utils/types';
 export type AnnouncementBannerProps = PropsWithChildren<{
     user?: User | {};

package/dist/components/announcement/AnnouncementBanner.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { useTheme, Collapse, Alert, AlertTitle, Tooltip } from "@mui/material";
+import { useTheme, Collapse, Alert, AlertTitle } from "@mui/material";
 import { Campaign } from "@mui/icons-material";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import "../../utils/types/equipmentType.js";
 import { AnnouncementSeverity } from "../../utils/types/types.js";
 const snackbarInfo = "#2196f3";
@@ -77,7 +78,7 @@ function AnnouncementBanner({
       sx: styles.alert,
       children: [
         title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
-        /* @__PURE__ */ jsx(Tooltip, { title: children, placement: "bottom", children: /* @__PURE__ */ jsx("span", { children }) })
+        /* @__PURE__ */ jsx(CustomTooltip, { title: children, children: /* @__PURE__ */ jsx("span", { children }) })
       ]
     }
   ) });

package/dist/components/announcement/AnnouncementNotification.d.ts

@@ -1,4 +1,4 @@
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { AnnouncementBannerProps } from './AnnouncementBanner';
 export type AnnouncementNotificationProps = {
     user: User | null;

package/dist/components/announcement/useGlobalAnnouncement.d.ts

@@ -1,5 +1,5 @@
 import { UUID } from 'node:crypto';
-import { User } from 'oidc-client';
+import { User } from 'oidc-client-ts';
 import { AnnouncementSeverity } from '../../utils/types';
 export type AnnouncementProps = {
     id: UUID;

package/dist/components/authentication/SignInCallbackHandler.d.ts

@@ -1,4 +1,4 @@
-import { UserManager } from 'oidc-client';
+import { UserManager } from 'oidc-client-ts';
 export interface SignInCallbackHandlerProps {
     userManager: UserManager | null;
     handleSignInCallback: () => void;

package/dist/components/authentication/SilentRenewCallbackHandler.d.ts

@@ -1,4 +1,4 @@
-import { UserManager } from 'oidc-client';
+import { UserManager } from 'oidc-client-ts';
 export interface SilentRenewCallbackHandlerProps {
     userManager: UserManager | null;
     handleSilentRenewCallback: () => void;

package/dist/components/authentication/authenticationType.d.ts

@@ -1,4 +1,4 @@
-import { UserManager } from 'oidc-client';
+import { UserManager } from 'oidc-client-ts';
 import { Dispatch } from 'react';
 import { Location, NavigateFunction } from 'react-router';
 import { AuthenticationActions } from '../../redux/actions/authActions';

package/dist/components/authentication/utils/authService.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch } from 'react';
 import { Location, NavigateFunction } from 'react-router';
-import { Log, UserManager } from 'oidc-client';
+import { UserManager } from 'oidc-client-ts';
 import { AuthenticationActions } from '../../../redux/actions/authActions';
 type IdpSettingsGetter = () => Promise<IdpSettings>;
 export type IdpSettings = {
@@ -17,11 +17,6 @@ type CustomUserManager = UserManager & {
         maxExpiresIn?: number;
     };
 };
-declare global {
-    interface Window {
-        OIDCLog?: Log;
-    }
-}
 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): Promise<void>;

package/dist/components/authentication/utils/authService.js

@@ -1,12 +1,11 @@
 import { jwtDecode } from "jwt-decode";
-import { Log, UserManager } from "oidc-client";
+import { UserManager } from "oidc-client-ts";
 import { UserManagerMock } from "./userManagerMock.js";
 import { setLoggedUser, setLogoutError, setSignInCallbackError, setShowAuthenticationRouterLogin, resetAuthenticationRouterError } from "../../../redux/actions/authActions.js";
-window.OIDCLog = Log;
 const hackAuthorityKey = "oidc.hack.authority";
 const oidcHackReloadedKey = "gridsuite-oidc-hack-reloaded";
 const pathKey = "powsybl-gridsuite-current-path";
-const accessTokenExpiringNotificationTime = 60;
+const accessTokenExpiringNotificationTimeInSeconds = 60;
 function isIssuerError(error) {
   return error.message.includes("Invalid issuer in token");
 }
@@ -30,6 +29,9 @@ function reloadTimerOnExpiresIn(user, userManager, expiresIn) {
   });
 }
 function getIdTokenExpiresIn(user) {
+  if (!user.id_token) {
+    return 0;
+  }
   const now = Date.now() / 1e3;
   const { exp } = jwtDecode(user.id_token);
   if (exp === void 0) {
@@ -52,6 +54,9 @@ function handleSigninSilent(dispatch, userManager) {
   });
 }
 function computeMinExpiresIn(expiresIn, idToken, maxExpiresIn) {
+  if (!idToken) {
+    return expiresIn;
+  }
   const now = Date.now() / 1e3;
   const { exp } = jwtDecode(idToken);
   if (exp === void 0) {
@@ -89,7 +94,7 @@ function logout(dispatch, userManagerInstance) {
     if (user) {
       return userManagerInstance.signoutRedirect({
         extraQueryParams: {
-          TargetResource: userManagerInstance.settings.post_logout_redirect_uri
+          TargetResource: userManagerInstance.settings.post_logout_redirect_uri ?? ""
         }
       }).then(() => {
         console.debug("logged out, window is closing...");
@@ -114,7 +119,7 @@ function dispatchUser(dispatch, userManagerInstance) {
       reloadTimerOnExpiresIn(
         user,
         userManagerInstance,
-        computeMinExpiresIn(user.expires_in, user.id_token, userManagerInstance.idpSettings?.maxExpiresIn)
+        computeMinExpiresIn(user.expires_in ?? 0, user.id_token, userManagerInstance.idpSettings?.maxExpiresIn)
       );
       return dispatch(setLoggedUser(user));
     }
@@ -180,7 +185,7 @@ function handleUser(dispatch, userManager) {
             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`,
+              `last renew attempt in ${idTokenExpiresIn - accessTokenExpiringNotificationTimeInSeconds}seconds`,
               error
             );
             reloadTimerOnExpiresIn(user, userManager, idTokenExpiresIn);
@@ -198,13 +203,17 @@ function handleUser(dispatch, userManager) {
           );
         }
       });
-    }, accessTokenExpiringNotificationTime * 1e3);
+    }, accessTokenExpiringNotificationTimeInSeconds * 1e3);
   });
   console.debug("dispatch user");
   dispatchUser(dispatch, userManager);
 }
 async function initializeAuthenticationDev(dispatch, isSilentRenew, isSigninCallback) {
-  const userManager = new UserManagerMock({});
+  const userManager = new UserManagerMock({
+    authority: "mock",
+    client_id: "mock",
+    redirect_uri: "mock"
+  });
   if (!isSilentRenew) {
     handleUser(dispatch, userManager);
     if (!isSigninCallback) {
@@ -224,7 +233,7 @@ async function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings
       silent_redirect_uri: idpSettings.silent_redirect_uri,
       scope: idpSettings.scope,
       automaticSilentRenew: !isSilentRenew,
-      accessTokenExpiringNotificationTime,
+      accessTokenExpiringNotificationTimeInSeconds,
       response_type: "code"
     };
     const userManager = new UserManager(settings);

package/dist/components/authentication/utils/userManagerMock.d.ts

@@ -1,13 +1,13 @@
-import { MetadataService, OidcClientSettings, SigninRequest, SigninResponse, SignoutRequest, SignoutResponse, User, UserManager, UserManagerEvents, UserManagerSettings } from 'oidc-client';
-declare class Events implements UserManagerEvents {
-    userLoadedCallbacks: UserManagerEvents.UserLoadedCallback[];
-    load(): void;
+import { OidcClientSettings, SigninRequest, SigninResponse, SignoutRequest, SignoutResponse, User, UserLoadedCallback, UserManagerSettings } from 'oidc-client-ts';
+declare class Events {
+    userLoadedCallbacks: UserLoadedCallback[];
+    load(_user: User): void;
     unload(): void;
     addAccessTokenExpiring(): void;
     removeAccessTokenExpiring(): void;
     addAccessTokenExpired(): void;
     removeAccessTokenExpired(): void;
-    addUserLoaded(callback: UserManagerEvents.UserLoadedCallback): void;
+    addUserLoaded(callback: UserLoadedCallback): void;
     removeUserLoaded(): void;
     addUserUnloaded(): void;
     removeUserUnloaded(): void;
@@ -20,11 +20,10 @@ declare class Events implements UserManagerEvents {
     addUserSessionChanged(): void;
     removeUserSessionChanged(): void;
 }
-export declare class UserManagerMock implements UserManager {
+export declare class UserManagerMock {
     events: Events;
     readonly settings: OidcClientSettings;
     private static readonly user;
-    readonly metadataService: MetadataService;
     private static readonly STORAGE_KEY;
     constructor(settings: UserManagerSettings);
     getUser(): Promise<User | null>;
@@ -46,9 +45,8 @@ export declare class UserManagerMock implements UserManager {
     querySessionStatus(): Promise<{
         session_state: string;
         sub: string;
-        sid: undefined;
     }>;
-    revokeAccessToken(): Promise<void>;
+    revokeTokens(): Promise<void>;
     startSilentRenew(): void;
     stopSilentRenew(): void;
     createSigninRequest(): Promise<SigninRequest>;

package/dist/components/authentication/utils/userManagerMock.js

@@ -1,8 +1,9 @@
+import { User } from "oidc-client-ts";
 class Events {
   constructor() {
     this.userLoadedCallbacks = [];
   }
-  load() {
+  load(_user) {
   }
   unload() {
   }
@@ -42,7 +43,6 @@ class Events {
 }
 const _UserManagerMock = class _UserManagerMock {
   constructor(settings) {
-    this.metadataService = null;
     this.settings = settings;
     this.events = new Events();
   }
@@ -105,11 +105,10 @@ const _UserManagerMock = class _UserManagerMock {
   async querySessionStatus() {
     return {
       session_state: "",
-      sub: "",
-      sid: void 0
+      sub: ""
     };
   }
-  async revokeAccessToken() {
+  async revokeTokens() {
   }
   startSilentRenew() {
   }
@@ -128,28 +127,25 @@ const _UserManagerMock = class _UserManagerMock {
     return {};
   }
 };
-_UserManagerMock.user = Object.freeze({
-  profile: Object.freeze({
-    name: "John Doe",
-    email: "Jhon.Doe@rte-france.com",
-    iss: "",
-    sub: "",
-    aud: "",
-    exp: Number.MAX_SAFE_INTEGER,
-    iat: 0
-  }),
-  id_token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IllNRUxIVDBndmIwbXhvU0RvWWZvbWpxZmpZVSJ9.eyJhdWQiOiI5YzQwMjQ2MS1iMmFiLTQ3NjctOWRiMy02Njg1OWJiMGZjZDAiLCJpc3MiOiJodHRwczovL2xvZ2luLm1pY3Jvc29mdG9ubGluZS5jb20vNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5L3YyLjAiLCJpYXQiOjE1ODUzMzEyNDksIm5iZiI6MTU4NTMzMTI0OSwiZXhwIjoyNTg1MzM1MTQ5LCJhaW8iOiJBV1FBbS84UEFBQUF3Q0xyTDRIUEUvTnVjOU9OdHN0SUV4cVpyMUlqa1FGbXJvUW5EUzJBaksyWnpneUhQTldPdkE3bitveHkvRzgxWElsb1A0TitsQjZINFJteElwakhNYVArTjIyTzVnMUFaR04yc1d6VHA5T3JWMDIvOXhndXJBMjZrdUNXbGg2RSIsImF0X2hhc2giOiJJaWRYdGRHdzVkbjlOZDFQblVvbDh3IiwiaWRwIjoiaHR0cHM6Ly9zdHMud2luZG93cy5uZXQvOTE4ODA0MGQtNmM2Ny00YzViLWIxMTItMzZhMzA0YjY2ZGFkLyIsIm5vbmNlIjoiMjkzZTcxNzhmOWE5NGZlNjg1ZWY3MjdlZTg5MTYxYjEiLCJzdWIiOiJyTnZjWXJMSXJSN25iSDJPQlhoOFkzU05wZEtPc3dfTUNkX3F3NF9vNDRJIiwidGlkIjoiNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5IiwidXRpIjoiUFBYdkw1UWxDMG1oMGp2N3NaNGJBQSIsInZlciI6IjIuMCJ9.dPAh24KTfsqmDaRoBtMLcayAWnDqVtydQ97P1a99dg93JsDu4Jhxju9vlzvjd6Ro5a1RZdrKFKB_pgC2DkQ3wSeYjpdSNyBAlW1_ryq65JkTJVMp33OsM_7SdjaRIiJfPiJ3U9jRBSyj7ofoHCLUjD_Uu-XreKxpMGhFHOQIO72UfXg8TBpsapjkEv9Dyz2UqMa2BQvO5mxKw93LNg5BI6j2a5LhbMEmmRWqfxWGITJ9TWfHjYdFkrXKcmvWZ9D2b4tsw_5NorDxkuzVFhA89M_0ASzOXoj1Yb6LgdkzWXDimssvyyz5Oe4V3gdkAe8Jj7Uwz-9AR-MO2kNkH7ytHA",
-  session_state: "session state",
-  access_token: "eyJ0eXAiOiJKV1QiLCJub25jZSI6InhKWHlQeXVrU1paQ3BOeEcxZUQway1lVDF0YzZtQ01ZVkZKcnBDOTJxc28iLCJhbGciOiJSUzI1NiIsIng1dCI6IllNRUxIVDBndmIwbXhvU0RvWWZvbWpxZmpZVSIsImtpZCI6IllNRUxIVDBndmIwbXhvU0RvWWZvbWpxZmpZVSJ9.eyJhdWQiOiIwMDAwMDAwMy0wMDAwLTAwMDAtYzAwMC0wMDAwMDAwMDAwMDAiLCJpc3MiOiJodHRwczovL3N0cy53aW5kb3dzLm5ldC83NTAyZGFkNS1kNjRjLTQ2YzctOWQ0Ny1iMTZmNTgwZmNmYTkvIiwiaWF0IjoxNTg1MzMxMjQ5LCJuYmYiOjE1ODUzMzEyNDksImV4cCI6MTU4NTMzNTE0OSwiYWNjdCI6MCwiYWNyIjoiMSIsImFpbyI6IkFVUUF1LzhQQUFBQXdwc3RYMlVkY2VDQWx4dU9tVHpIY0R3RlhTWUtYanIvZUNTSi9PdTRqbTJyUVBCUml0U1dWMThmNldCVEdNdnQ5ZGx0Ry9lTXB1VXZqaTN2NCtzanh3PT0iLCJhbHRzZWNpZCI6IjE6bGl2ZS5jb206MDAwMzQwMDExOUZEOTIxMiIsImFtciI6WyJwd2QiXSwiYXBwX2Rpc3BsYXluYW1lIjoic3BhIiwiYXBwaWQiOiI5YzQwMjQ2MS1iMmFiLTQ3NjctOWRiMy02Njg1OWJiMGZjZDAiLCJhcHBpZGFjciI6IjAiLCJlbWFpbCI6ImNoYW1zZWRkaW5lLmJlbmhhbWVkQGVuc2ktdW1hLnRuIiwiZmFtaWx5X25hbWUiOiJCRU5IQU1FRCIsImdpdmVuX25hbWUiOiJDaGFtc2VkZGluZSIsImlkcCI6ImxpdmUuY29tIiwiaXBhZGRyIjoiNzcuMjA0LjE0Ni4xNTkiLCJuYW1lIjoiQ2hhbXNlZGRpbmUgQkVOSEFNRUQiLCJvaWQiOiIzNTIzYmQ3OC0yZjIxLTQ3ZjYtODhlOC1hYWIzYjZmMjdmNjAiLCJwbGF0ZiI6IjE0IiwicHVpZCI6IjEwMDMyMDAwOURFMDg1NkEiLCJzY3AiOiJVc2VyLlJlYWQgcHJvZmlsZSBvcGVuaWQgZW1haWwiLCJzdWIiOiJjVEd5LVlfV3FLR2x1cmRUVDdSUVlfY3FjSDJoVHpEdllZTmotQ3hONXA4IiwidGlkIjoiNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5IiwidW5pcXVlX25hbWUiOiJsaXZlLmNvbSNjaGFtc2VkZGluZS5iZW5oYW1lZEBlbnNpLXVtYS50biIsInV0aSI6IlBQWHZMNVFsQzBtaDBqdjdzWjRiQUEiLCJ2ZXIiOiIxLjAiLCJ4bXNfc3QiOnsic3ViIjoick52Y1lyTElyUjduYkgyT0JYaDhZM1NOcGRLT3N3X01DZF9xdzRfbzQ0SSJ9LCJ4bXNfdGNkdCI6MTU4MjgyMDM1Mn0.W_ccOGW_AGdg37KSMi7LWHtvm3Mw5p1dHjgDIrUaXduKF2iLS4dCaPw7yeo4VjAcOyV6C0h6ABLDCtkwVt8BSDTIIU7DaT8k2bRbMCCq69BmeiYPsbp-yX6ywGCx5DHsnOLqI2oHbBQktA2Nmv9Va651Pbm3OpSPuGPdVimkFCcnisiGlUOej1ZMNwyVT6386O2pERPtxmFUt_D1dKLxBXxBNxLVUG5BG3bI7wMpBOHEUA5CbaBzYXmGrLMXVVbrj9OsF-WQ6aNoqsm9cicX6pJB60lFz1dxLeSgcFO7Zh2K3PFe4FnXCqAvNPadQMz_kJEO9_phlDV85c2MPqeXbA",
-  token_type: "Bearer",
-  scope: "scopes",
-  scopes: ["scopes"],
-  expires_at: Number.MAX_SAFE_INTEGER,
-  expires_in: Number.MAX_SAFE_INTEGER,
-  expired: false,
-  state: null,
-  toStorageString: () => "Mock of UserManager"
-});
+_UserManagerMock.user = Object.freeze(
+  new User({
+    profile: {
+      name: "John Doe",
+      email: "Jhon.Doe@rte-france.com",
+      iss: "",
+      sub: "",
+      aud: "",
+      exp: Number.MAX_SAFE_INTEGER,
+      iat: 0
+    },
+    id_token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IllNRUxIVDBndmIwbXhvU0RvWWZvbWpxZmpZVSJ9.eyJhdWQiOiI5YzQwMjQ2MS1iMmFiLTQ3NjctOWRiMy02Njg1OWJiMGZjZDAiLCJpc3MiOiJodHRwczovL2xvZ2luLm1pY3Jvc29mdG9ubGluZS5jb20vNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5L3YyLjAiLCJpYXQiOjE1ODUzMzEyNDksIm5iZiI6MTU4NTMzMTI0OSwiZXhwIjoyNTg1MzM1MTQ5LCJhaW8iOiJBV1FBbS84UEFBQUF3Q0xyTDRIUEUvTnVjOU9OdHN0SUV4cVpyMUlqa1FGbXJvUW5EUzJBaksyWnpneUhQTldPdkE3bitveHkvRzgxWElsb1A0TitsQjZINFJteElwakhNYVArTjIyTzVnMUFaR04yc1d6VHA5T3JWMDIvOXhndXJBMjZrdUNXbGg2RSIsImF0X2hhc2giOiJJaWRYdGRHdzVkbjlOZDFQblVvbDh3IiwiaWRwIjoiaHR0cHM6Ly9zdHMud2luZG93cy5uZXQvOTE4ODA0MGQtNmM2Ny00YzViLWIxMTItMzZhMzA0YjY2ZGFkLyIsIm5vbmNlIjoiMjkzZTcxNzhmOWE5NGZlNjg1ZWY3MjdlZTg5MTYxYjEiLCJzdWIiOiJyTnZjWXJMSXJSN25iSDJPQlhoOFkzU05wZEtPc3dfTUNkX3F3NF9vNDRJIiwidGlkIjoiNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5IiwidXRpIjoiUFBYdkw1UWxDMG1oMGp2N3NaNGJBQSIsInZlciI6IjIuMCJ9.dPAh24KTfsqmDaRoBtMLcayAWnDqVtydQ97P1a99dg93JsDu4Jhxju9vlzvjd6Ro5a1RZdrKFKB_pgC2DkQ3wSeYjpdSNyBAlW1_ryq65JkTJVMp33OsM_7SdjaRIiJfPiJ3U9jRBSyj7ofoHCLUjD_Uu-XreKxpMGhFHOQIO72UfXg8TBpsapjkEv9Dyz2UqMa2BQvO5mxKw93LNg5BI6j2a5LhbMEmmRWqfxWGITJ9TWfHjYdFkrXKcmvWZ9D2b4tsw_5NorDxkuzVFhA89M_0ASzOXoj1Yb6LgdkzWXDimssvyyz5Oe4V3gdkAe8Jj7Uwz-9AR-MO2kNkH7ytHA",
+    session_state: "session state",
+    access_token: "eyJ0eXAiOiJKV1QiLCJub25jZSI6InhKWHlQeXVrU1paQ3BOeEcxZUQway1lVDF0YzZtQ01ZVkZKcnBDOTJxc28iLCJhbGciOiJSUzI1NiIsIng1dCI6IllNRUxIVDBndmIwbXhvU0RvWWZvbWpxZmpZVSIsImtpZCI6IllNRUxIVDBndmIwbXhvU0RvWWZvbWpxZmpZVSJ9.eyJhdWQiOiIwMDAwMDAwMy0wMDAwLTAwMDAtYzAwMC0wMDAwMDAwMDAwMDAiLCJpc3MiOiJodHRwczovL3N0cy53aW5kb3dzLm5ldC83NTAyZGFkNS1kNjRjLTQ2YzctOWQ0Ny1iMTZmNTgwZmNmYTkvIiwiaWF0IjoxNTg1MzMxMjQ5LCJuYmYiOjE1ODUzMzEyNDksImV4cCI6MTU4NTMzNTE0OSwiYWNjdCI6MCwiYWNyIjoiMSIsImFpbyI6IkFVUUF1LzhQQUFBQXdwc3RYMlVkY2VDQWx4dU9tVHpIY0R3RlhTWUtYanIvZUNTSi9PdTRqbTJyUVBCUml0U1dWMThmNldCVEdNdnQ5ZGx0Ry9lTXB1VXZqaTN2NCtzanh3PT0iLCJhbHRzZWNpZCI6IjE6bGl2ZS5jb206MDAwMzQwMDExOUZEOTIxMiIsImFtciI6WyJwd2QiXSwiYXBwX2Rpc3BsYXluYW1lIjoic3BhIiwiYXBwaWQiOiI5YzQwMjQ2MS1iMmFiLTQ3NjctOWRiMy02Njg1OWJiMGZjZDAiLCJhcHBpZGFjciI6IjAiLCJlbWFpbCI6ImNoYW1zZWRkaW5lLmJlbmhhbWVkQGVuc2ktdW1hLnRuIiwiZmFtaWx5X25hbWUiOiJCRU5IQU1FRCIsImdpdmVuX25hbWUiOiJDaGFtc2VkZGluZSIsImlkcCI6ImxpdmUuY29tIiwiaXBhZGRyIjoiNzcuMjA0LjE0Ni4xNTkiLCJuYW1lIjoiQ2hhbXNlZGRpbmUgQkVOSEFNRUQiLCJvaWQiOiIzNTIzYmQ3OC0yZjIxLTQ3ZjYtODhlOC1hYWIzYjZmMjdmNjAiLCJwbGF0ZiI6IjE0IiwicHVpZCI6IjEwMDMyMDAwOURFMDg1NkEiLCJzY3AiOiJVc2VyLlJlYWQgcHJvZmlsZSBvcGVuaWQgZW1haWwiLCJzdWIiOiJjVEd5LVlfV3FLR2x1cmRUVDdSUVlfY3FjSDJoVHpEdllZTmotQ3hONXA0IiwidGlkIjoiNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5IiwidW5pcXVlX25hbWUiOiJsaXZlLmNvbSNjaGFtc2VkZGluZS5iZW5oYW1lZEBlbnNpLXVtYS50biIsInV0aSI6IlBQWHZMNVFsQzBtaDBqdjdzWjRiQUEiLCJ2ZXIiOiIxLjAiLCJ4bXNfc3QiOnsic3ViIjoick52Y1lyTElyUjduYkgyT0JYaDhZM1NOcGRLT3N3X01DZF9xdzRfbzQ0SSJ9LCJ4bXNfdGNkdCI6MTU4MjgyMDM1Mn0.W_ccOGW_AGdg37KSMi7LWHtvm3Mw5p1dHjgDIrUaXduKF2iLS4dCaPw7yeo4VjAcOyV6C0h6ABLDCtkwVt8BSDTIIU7DaT8k2bRbMCCq69BmeiYPsbp-yX6ywGCx5DHsnOLqI2oHbBQktA2Nmv9Va651Pbm3OpSPuGPdVimkFCcnisiGlUOej1ZMNwyVT6386O2pERPtxmFUt_D1dKLxBXxBNxLVUG5BG3bI7wMpBOHEUA5CbaBzYXmGrLMXVVbrj9OsF-WQ6aNoqsm9cicX6pJB60lFz1dxLeSgcFO7Zh2K3PFe4FnXCqAvNPadQMz_kJEO9_phlDV85c2MPqeXbA",
+    token_type: "Bearer",
+    scope: "scopes",
+    expires_at: Number.MAX_SAFE_INTEGER
+  })
+);
 _UserManagerMock.STORAGE_KEY = "powsybl-gridsuite-mock-user";
 let UserManagerMock = _UserManagerMock;
 export {

package/dist/components/customAGGrid/cell-renderers.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { Checkbox, Box, Tooltip } from "@mui/material";
+import { Checkbox, Box } from "@mui/material";
 import { useRef, useState } from "react";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { isBlankOrEmpty } from "../../utils/conversionUtils.js";
 import "../../utils/types/equipmentType.js";
 import "@mui/icons-material";
@@ -68,7 +69,7 @@ function NumericCellRenderer({ value, fractionDigits }) {
   const numericalValue = typeof value === "number" ? value : Number.parseFloat(value);
   const cellValue = formatNumericCell(numericalValue, fractionDigits);
   return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(
-    Tooltip,
+    CustomTooltip,
     {
       disableFocusListener: true,
       disableTouchListener: true,
@@ -78,7 +79,7 @@ function NumericCellRenderer({ value, fractionDigits }) {
   ) });
 }
 function BaseCellRenderer({ value, tooltip }) {
-  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(Tooltip, { disableFocusListener: true, disableTouchListener: true, title: tooltip || value || "", children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: value }) }) });
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(CustomTooltip, { disableFocusListener: true, disableTouchListener: true, title: tooltip || value || "", children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: value }) }) });
 }
 function ErrorCellRenderer({ value }) {
   const intl = useIntl();
@@ -92,7 +93,7 @@ function DefaultCellRenderer(props) {
 }
 function NetworkModificationNameCellRenderer({ value }) {
   return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(
-    Tooltip,
+    CustomTooltip,
     {
       disableFocusListener: true,
       disableTouchListener: true,
@@ -157,7 +158,7 @@ function MessageLogCellRenderer({
     }) });
   };
   return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(
-    Tooltip,
+    CustomTooltip,
     {
       disableFocusListener: true,
       disableTouchListener: true,
@@ -187,7 +188,7 @@ function ContingencyCellRenderer({
   if (cellValue == null || tooltipValue == null) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx("div", { style: { whiteSpace: "pre-line" }, children: tooltipValue }), children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: cellValue }) }) });
+  return /* @__PURE__ */ jsx(Box, { sx: mergeSx(styles.tableCell), children: /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx("div", { style: { whiteSpace: "pre-line" }, children: tooltipValue }), children: /* @__PURE__ */ jsx(Box, { sx: styles.overflow, children: cellValue }) }) });
 }
 export {
   BooleanCellRenderer,

package/dist/components/dnd-table/dnd-table-bottom-left-buttons.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Tooltip, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { Upload, Replay } from "@mui/icons-material";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 function DndTableBottomLeftButtons({
   handleUploadButton,
   uploadButtonMessageId,
@@ -14,12 +15,11 @@ function DndTableBottomLeftButtons({
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: uploadButtonMessageId
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -32,12 +32,11 @@ function DndTableBottomLeftButtons({
       }
     ) }),
     withResetButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: resetButtonMessageId
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => handleResetButton(), disabled, children: /* @__PURE__ */ jsx(Replay, {}) }) })
       }
     ) })

package/dist/components/dnd-table/dnd-table-bottom-right-buttons.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Grid, Tooltip, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { AddCircle, Delete, ArrowUpward, ArrowDownward } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { SELECTED } from "./dnd-table.type.js";
 function DndTableBottomRightButtons({
   arrayFormName,
@@ -23,12 +24,11 @@ function DndTableBottomRightButtons({
   const lastRowSelected = noRowsSelected ? void 0 : currentRows[currentRows.length - 1]?.[SELECTED];
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end" }, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "DndAddRows"
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -41,12 +41,11 @@ function DndTableBottomRightButtons({
       }
     ) }),
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "DndDeleteRows"
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -60,12 +59,11 @@ function DndTableBottomRightButtons({
     ) }),
     showMoveArrow && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           title: intl.formatMessage({
             id: "MoveUpRows"
           }),
-          placement: "top",
           children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
             IconButton,
             {
@@ -78,12 +76,11 @@ function DndTableBottomRightButtons({
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           title: intl.formatMessage({
             id: "MoveDownRows"
           }),
-          placement: "top",
           children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
             IconButton,
             {

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

@@ -2,10 +2,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 import { useState, useRef, useCallback, useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
-import { Grid, TableContainer, Table, TableHead, TableRow, TableCell, Box, TableBody, Tooltip, Checkbox } from "@mui/material";
+import { Grid, TableContainer, Table, TableHead, TableRow, TableCell, Box, TableBody, Checkbox } from "@mui/material";
 import { DragIndicator } from "@mui/icons-material";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { MAX_ROWS_NUMBER, SELECTED, DndColumnType } from "./dnd-table.type.js";
 import { DndTableBottomLeftButtons } from "./dnd-table-bottom-left-buttons.js";
 import { DndTableBottomRightButtons } from "./dnd-table-bottom-right-buttons.js";
@@ -337,12 +338,11 @@ function DndTable(props) {
             cellIdxRef.current = 0;
             const tableRow = /* @__PURE__ */ jsxs(TableRow, { ref: provided.innerRef, ...provided.draggableProps, children: [
               !disableDragAndDrop && /* @__PURE__ */ jsx(
-                Tooltip,
+                CustomTooltip,
                 {
                   title: intl.formatMessage({
                     id: "DragAndDrop"
                   }),
-                  placement: "right",
                   children: /* @__PURE__ */ jsx(
                     TableCell,
                     {

package/dist/components/dnd-table-v2/deletable-table-row.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useIntl } from "react-intl";
-import { TableRow, TableCell, Tooltip, IconButton } from "@mui/material";
+import { TableRow, TableCell, IconButton } from "@mui/material";
 import { Delete } from "@mui/icons-material";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 function DeletableTableRow({
   onClick,
   disabledDeletion,
@@ -20,7 +21,7 @@ function DeletableTableRow({
       children: [
         children,
         !disabledDeletion && /* @__PURE__ */ jsx(TableCell, { sx: { width: "5rem", textAlign: "center" }, children: isMouseHover && /* @__PURE__ */ jsx(
-          Tooltip,
+          CustomTooltip,
           {
             title: intl.formatMessage({
               id: "DeleteRows"

package/dist/components/dnd-table-v2/dnd-table-bottom-left-buttons.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Grid, Tooltip, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { Upload, Replay } from "@mui/icons-material";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 function DndTableBottomLeftButtons({
   handleUploadButton,
   uploadButtonMessageId,
@@ -14,12 +15,11 @@ function DndTableBottomLeftButtons({
   const intl = useIntl();
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: uploadButtonMessageId
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -32,12 +32,11 @@ function DndTableBottomLeftButtons({
       }
     ) }),
     withResetButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: resetButtonMessageId
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => handleResetButton(), disabled, children: /* @__PURE__ */ jsx(Replay, {}) }) })
       }
     ) })

package/dist/components/dnd-table-v2/dnd-table-bottom-right-buttons.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Grid, Tooltip, IconButton } from "@mui/material";
+import { Grid, IconButton } from "@mui/material";
 import { AddCircle, Delete, ArrowUpward, ArrowDownward } from "@mui/icons-material";
 import { useWatch } from "react-hook-form";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { SELECTED } from "./dnd-table.type.js";
 function DndTableBottomRightButtons({
   arrayFormName,
@@ -23,12 +24,11 @@ function DndTableBottomRightButtons({
   const lastRowSelected = noRowsSelected ? void 0 : currentRows[currentRows.length - 1]?.[SELECTED];
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end" }, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "DndAddRows"
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -41,12 +41,11 @@ function DndTableBottomRightButtons({
       }
     ) }),
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-      Tooltip,
+      CustomTooltip,
       {
         title: intl.formatMessage({
           id: "DndDeleteRows"
         }),
-        placement: "top",
         children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
           IconButton,
           {
@@ -60,12 +59,11 @@ function DndTableBottomRightButtons({
     ) }),
     showMoveArrow && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           title: intl.formatMessage({
             id: "MoveUpRows"
           }),
-          placement: "top",
           children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
             IconButton,
             {
@@ -78,12 +76,11 @@ function DndTableBottomRightButtons({
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        Tooltip,
+        CustomTooltip,
         {
           title: intl.formatMessage({
             id: "MoveDownRows"
           }),
-          placement: "top",
           children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
             IconButton,
             {

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

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Tooltip, TableCell } from "@mui/material";
+import { TableCell } from "@mui/material";
 import { DragIndicator } from "@mui/icons-material";
 import { useIntl } from "react-intl";
+import { CustomTooltip } from "../tooltip/CustomTooltip.js";
 import { CheckboxInput } from "../inputs/reactHookForm/booleans/CheckboxInput.js";
 import { SELECTED, DndColumnType } from "./dnd-table.type.js";
 import "../overflowableText/OverflowableText.js";
@@ -140,12 +141,11 @@ function DndTableRow({
       disabledDeletion: disabledDeletion || multiselect,
       children: [
         !disableDragAndDrop && /* @__PURE__ */ jsx(
-          Tooltip,
+          CustomTooltip,
           {
             title: intl.formatMessage({
               id: "DragAndDrop"
             }),
-            placement: "right",
             children: /* @__PURE__ */ jsx(
               TableCell,
               {