@gridsuite/commons-ui 0.31.1 → 0.32.0

package/lib/utils/AuthService.js

@@ -9,35 +9,28 @@ exports.initializeAuthenticationDev = initializeAuthenticationDev;
 exports.initializeAuthenticationProd = initializeAuthenticationProd;
 exports.login = login;
 exports.logout = logout;
-
 var _oidcClient = require("oidc-client");
-
 var _UserManagerMock = require("./UserManagerMock");
-
 var _actions = require("./actions");
-
 var _jwtDecode = _interopRequireDefault(require("jwt-decode"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2020, 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/.
  */
+
 // set as a global variable to allow log level configuration at runtime
 window.OIDCLog = _oidcClient.Log;
 var hackauthoritykey = 'oidc.hack.authority';
 var pathKey = 'powsybl-gridsuite-current-path';
-
 function handleSigninSilent(dispatch, userManager) {
   userManager.getUser().then(function (user) {
     if (user == null || getIdTokenExpiresIn(user) < 0) {
       return userManager.signinSilent()["catch"](function (error) {
         dispatch((0, _actions.setShowAuthenticationRouterLogin)(true));
         var oidcHackReloaded = 'gridsuite-oidc-hack-reloaded';
-
         if (!sessionStorage.getItem(oidcHackReloaded) && error.message === 'authority mismatch on settings vs. signin state') {
           sessionStorage.setItem(oidcHackReloaded, true);
           console.log('Hack oidc, reload page to make login work');
@@ -47,18 +40,14 @@ function handleSigninSilent(dispatch, userManager) {
     }
   });
 }
-
 function initializeAuthenticationDev(dispatch, isSilentRenew, validateUser) {
   var userManager = new _UserManagerMock.UserManagerMock({});
-
   if (!isSilentRenew) {
     handleUser(dispatch, userManager, validateUser);
     handleSigninSilent(dispatch, userManager);
   }
-
   return Promise.resolve(userManager);
 }
-
 var accessTokenExpiringNotificationTime = 60; // seconds
 
 function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, validateUser) {
@@ -70,16 +59,13 @@ function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, vali
     var regexstate = /state=[^&]*/;
     var regexexpires = /expires_in=[^&]*/;
     var authority;
-
     if (window.location.hash) {
       var matched_id_token = window.location.hash.match(regextoken);
       var matched_state = window.location.hash.match(regexstate);
-
       if (matched_id_token != null && matched_state != null) {
         var id_token = matched_id_token[0].split('=')[1];
         var state = matched_state[0].split('=')[1];
         var strState = localStorage.getItem('oidc.' + state);
-
         if (strState != null) {
           var decoded = (0, _jwtDecode["default"])(id_token);
           authority = decoded.iss;
@@ -89,7 +75,6 @@ function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, vali
           localStorage.setItem('oidc.' + state, JSON.stringify(storedState));
           sessionStorage.setItem(hackauthoritykey, authority);
           var matched_expires = window.location.hash.match(regexexpires);
-
           if (matched_expires != null) {
             var expires_in = parseInt(matched_expires[0].split('=')[1]);
             var now = parseInt(Date.now() / 1000);
@@ -97,17 +82,14 @@ function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, vali
             var idTokenExpiresIn = exp - now;
             var minAccesstokenOrIdtokenOrIdpSettingsExpiresIn = expires_in;
             var newExpireReplaceReason;
-
             if (idTokenExpiresIn < minAccesstokenOrIdtokenOrIdpSettingsExpiresIn) {
               minAccesstokenOrIdtokenOrIdpSettingsExpiresIn = idTokenExpiresIn;
               newExpireReplaceReason = 'idtoken.exp is earlier';
             }
-
             if (idpSettings.maxExpiresIn && idpSettings.maxExpiresIn < minAccesstokenOrIdtokenOrIdpSettingsExpiresIn) {
               minAccesstokenOrIdtokenOrIdpSettingsExpiresIn = idpSettings.maxExpiresIn;
               newExpireReplaceReason = 'idpSettings.maxExpiresIn is smaller';
             }
-
             if (newExpireReplaceReason) {
               var newhash = window.location.hash.replace(matched_expires[0], 'expires_in=' + minAccesstokenOrIdtokenOrIdpSettingsExpiresIn);
               console.debug('Replacing expires_in in window.location.hash to ' + minAccesstokenOrIdtokenOrIdpSettingsExpiresIn + ' because ' + newExpireReplaceReason + '. ', 'debug:', 'original expires_in: ' + expires_in + ', ', 'idTokenExpiresIn: ' + idTokenExpiresIn + '(idtoken exp: ' + exp + '), ', 'idpSettings maxExpiresIn: ' + idpSettings.maxExpiresIn);
@@ -117,7 +99,6 @@ function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, vali
         }
       }
     }
-
     authority = authority || sessionStorage.getItem(hackauthoritykey) || idpSettings.authority;
     var settings = {
       authority: authority,
@@ -133,12 +114,10 @@ function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, vali
     };
     var userManager = new _oidcClient.UserManager(settings);
     userManager.idpSettings = idpSettings; //store our settings in there as well to use it later
-
     if (!isSilentRenew) {
       handleUser(dispatch, userManager, validateUser);
       handleSigninSilent(dispatch, userManager);
     }
-
     return userManager;
   })["catch"](function (error) {
     console.debug('error when importing the idp settings', error);
@@ -146,17 +125,14 @@ function initializeAuthenticationProd(dispatch, isSilentRenew, idpSettings, vali
     throw error;
   });
 }
-
 function login(location, userManagerInstance) {
   sessionStorage.setItem(pathKey, location.pathname + location.search);
   return userManagerInstance.signinRedirect().then(function () {
     return console.debug('login');
   });
 }
-
 function logout(dispatch, userManagerInstance) {
   sessionStorage.removeItem(hackauthoritykey); //To remove when hack is removed
-
   return userManagerInstance.getUser().then(function (user) {
     if (user) {
       // We don't need to check if token is valid at this point
@@ -168,9 +144,8 @@ function logout(dispatch, userManagerInstance) {
         console.debug('logged out, window is closing...');
       })["catch"](function (e) {
         var _user$profile;
-
-        console.log('Error during logout :', e); // An error occured, window may not be closed, reset the user state
-
+        console.log('Error during logout :', e);
+        // An error occured, window may not be closed, reset the user state
         dispatch((0, _actions.setLoggedUser)(null));
         dispatch((0, _actions.setLogoutError)(user === null || user === void 0 ? void 0 : (_user$profile = user.profile) === null || _user$profile === void 0 ? void 0 : _user$profile.name, {
           error: e
@@ -181,13 +156,11 @@ function logout(dispatch, userManagerInstance) {
     }
   });
 }
-
 function getIdTokenExpiresIn(user) {
   var now = parseInt(Date.now() / 1000);
   var exp = (0, _jwtDecode["default"])(user.id_token).exp;
   return exp - now;
 }
-
 function dispatchUser(dispatch, userManagerInstance, validateUser) {
   return userManagerInstance.getUser().then(function (user) {
     if (user) {
@@ -197,23 +170,19 @@ function dispatchUser(dispatch, userManagerInstance, validateUser) {
       if (getIdTokenExpiresIn(user) < 0) {
         console.debug('User token is expired and will not be dispatched');
         return;
-      } // without validateUser defined, valid user by default
-
-
+      }
+      // without validateUser defined, valid user by default
       var validateUserPromise = validateUser && validateUser(user) || Promise.resolve(true);
       return validateUserPromise.then(function (valid) {
         if (!valid) {
           var _user$profile2;
-
           console.debug("User isn't authorized to log in and will not be dispatched");
           return dispatch((0, _actions.setUnauthorizedUserInfo)(user === null || user === void 0 ? void 0 : (_user$profile2 = user.profile) === null || _user$profile2 === void 0 ? void 0 : _user$profile2.name, {}));
         }
-
         console.debug('User has been successfully loaded from store.');
         return dispatch((0, _actions.setLoggedUser)(user));
       })["catch"](function (e) {
         var _user$profile3;
-
         console.log('Error in dispatchUser', e);
         return dispatch((0, _actions.setUserValidationError)(user === null || user === void 0 ? void 0 : (_user$profile3 = user.profile) === null || _user$profile3 === void 0 ? void 0 : _user$profile3.name, {
           error: e
@@ -224,11 +193,9 @@ function dispatchUser(dispatch, userManagerInstance, validateUser) {
     }
   });
 }
-
 function getPreLoginPath() {
   return sessionStorage.getItem(pathKey);
 }
-
 function handleSigninCallback(dispatch, navigate, userManagerInstance) {
   userManagerInstance.signinRedirectCallback().then(function () {
     dispatch((0, _actions.setSignInCallbackError)(null));
@@ -239,33 +206,29 @@ function handleSigninCallback(dispatch, navigate, userManagerInstance) {
     console.error(e);
   });
 }
-
 function handleSilentRenewCallback(userManagerInstance) {
   userManagerInstance.signinSilentCallback();
 }
-
 function handleUser(dispatch, userManager, validateUser) {
   userManager.events.addUserLoaded(function (user) {
     console.debug('user loaded', user);
     dispatchUser(dispatch, userManager, validateUser);
   });
   userManager.events.addSilentRenewError(function (error) {
-    console.debug(error); // wait for accessTokenExpiringNotificationTime so that the user is expired
+    console.debug(error);
+    // wait for accessTokenExpiringNotificationTime so that the user is expired
     // otherwise the library tries to signin immediately when we do getUser()
-
     window.setTimeout(function () {
       userManager.getUser().then(function (user) {
         if (!user) {
           console.error("user is null at silent renew error, it shouldn't happen.");
         }
-
         var idTokenExpiresIn = getIdTokenExpiresIn(user);
-
         if (idTokenExpiresIn < 0) {
-          console.log('Error in silent renew, idtoken expired: ' + idTokenExpiresIn + ' => Logging out.', error); // remove the user from our app, but don't sso logout on all other apps
-
-          dispatch((0, _actions.setShowAuthenticationRouterLogin)(true)); // logout during token expiration, show login without errors
-
+          console.log('Error in silent renew, idtoken expired: ' + idTokenExpiresIn + ' => Logging out.', error);
+          // remove the user from our app, but don't sso logout on all other apps
+          dispatch((0, _actions.setShowAuthenticationRouterLogin)(true));
+          // logout during token expiration, show login without errors
           dispatch((0, _actions.resetAuthenticationRouterError)());
           return dispatch((0, _actions.setLoggedUser)(null));
         } else if (userManager.idpSettings.maxExpiresIn) {
@@ -288,12 +251,14 @@ function handleUser(dispatch, userManager, validateUser) {
           console.log('Error in silent renew, unsupported configuration: token still valid for ' + idTokenExpiresIn + ' but maxExpiresIn is not configured:' + userManager.idpSettings.maxExpiresIn, error);
         }
       });
-    }, accessTokenExpiringNotificationTime * 1000); // Should be min(accessTokenExpiringNotificationTime * 1000, idTokenExpiresIn) to avoid rare case
+    }, accessTokenExpiringNotificationTime * 1000);
+    // Should be min(accessTokenExpiringNotificationTime * 1000, idTokenExpiresIn) to avoid rare case
     // when user connection is dying and you refresh the page between expiring and expired.
     // but gateway has a DEFAULT_MAX_CLOCK_SKEW = 60s then the token is still valid for this time
     // even if expired
     // We accept to not manage this case further
   });
+
   console.debug('dispatch user');
   dispatchUser(dispatch, userManager, validateUser);
 }

package/lib/utils/ElementType.js

@@ -3,23 +3,18 @@
 exports.__esModule = true;
 exports.elementType = void 0;
 exports.getFileIcon = getFileIcon;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _LibraryBooksOutlined = _interopRequireDefault(require("@mui/icons-material/LibraryBooksOutlined"));
-
-var _Description = _interopRequireDefault(require("@mui/icons-material/Description"));
-
-var _FilterList = _interopRequireDefault(require("@mui/icons-material/FilterList"));
-
+var _OfflineBolt = _interopRequireDefault(require("@mui/icons-material/OfflineBolt"));
+var _Article = _interopRequireDefault(require("@mui/icons-material/Article"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2021, 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/.
  */
+
 var elementType = {
   DIRECTORY: 'DIRECTORY',
   STUDY: 'STUDY',
@@ -27,28 +22,23 @@ var elementType = {
   CONTINGENCY_LIST: 'CONTINGENCY_LIST'
 };
 exports.elementType = elementType;
-
 function getFileIcon(type, theme) {
   switch (type) {
     case elementType.STUDY:
       return /*#__PURE__*/_react["default"].createElement(_LibraryBooksOutlined["default"], {
         className: theme
       });
-
     case elementType.CONTINGENCY_LIST:
-      return /*#__PURE__*/_react["default"].createElement(_Description["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_OfflineBolt["default"], {
         className: theme
       });
-
     case elementType.FILTER:
-      return /*#__PURE__*/_react["default"].createElement(_FilterList["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_Article["default"], {
         className: theme
       });
-
     case elementType.DIRECTORY:
       // to easily use in TreeView we do not give icons for directories
       return;
-
     default:
       console.warn('unknown type [' + type + ']');
   }

package/lib/utils/EquipmentType.js

@@ -2,20 +2,18 @@
 
 exports.__esModule = true;
 exports.getEquipmentsInfosForSearchBar = exports.equipmentStyles = exports.VL_TAG_MAX_SIZE = exports.TYPE_TAG_MAX_SIZE = exports.EQUIPMENT_TYPE = void 0;
-
 var _TopBar = require("../components/TopBar/TopBar");
-
 /**
  * Copyright (c) 2021, 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/.
  */
+
 var TYPE_TAG_MAX_SIZE = '90px';
 exports.TYPE_TAG_MAX_SIZE = TYPE_TAG_MAX_SIZE;
 var VL_TAG_MAX_SIZE = '100px';
 exports.VL_TAG_MAX_SIZE = VL_TAG_MAX_SIZE;
-
 var equipmentStyles = function equipmentStyles(theme) {
   return {
     equipmentOption: {
@@ -51,9 +49,9 @@ var equipmentStyles = function equipmentStyles(theme) {
       padding: '2px'
     }
   };
-}; // Must be equivalent as the back enum
-
+};
 
+// Must be equivalent as the back enum
 exports.equipmentStyles = equipmentStyles;
 var EQUIPMENT_TYPE = {
   SUBSTATION: {
@@ -122,7 +120,6 @@ var EQUIPMENT_TYPE = {
   }
 };
 exports.EQUIPMENT_TYPE = EQUIPMENT_TYPE;
-
 var getEquipmentsInfosForSearchBar = function getEquipmentsInfosForSearchBar(equipmentsInfos, getNameOrId) {
   return equipmentsInfos.flatMap(function (e) {
     var label = getNameOrId(e);
@@ -143,5 +140,4 @@ var getEquipmentsInfosForSearchBar = function getEquipmentsInfosForSearchBar(equ
     });
   });
 };
-
 exports.getEquipmentsInfosForSearchBar = getEquipmentsInfosForSearchBar;

package/lib/utils/UserManagerMock.js

@@ -2,9 +2,9 @@
 
 exports.__esModule = true;
 exports.UserManagerMock = void 0;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2020, RTE (http://www.rte-france.com)
  * This Source Code Form is subject to the terms of the Mozilla Public
@@ -15,25 +15,19 @@ var Events = /*#__PURE__*/function () {
   function Events() {
     _defineProperty(this, "userLoadedCallbacks", []);
   }
-
   var _proto = Events.prototype;
-
   _proto.addUserLoaded = function addUserLoaded(callback) {
     this.userLoadedCallbacks.push(callback);
   };
-
-  _proto.addSilentRenewError = function addSilentRenewError(callback) {// Nothing to do
+  _proto.addSilentRenewError = function addSilentRenewError(callback) {
+    // Nothing to do
   };
-
   return Events;
 }();
-
 var UserManagerMock = /*#__PURE__*/function () {
   function UserManagerMock(settings) {
     _defineProperty(this, "settings", void 0);
-
     _defineProperty(this, "events", void 0);
-
     _defineProperty(this, "user", {
       profile: {
         name: 'John Doe',
@@ -45,57 +39,48 @@ var UserManagerMock = /*#__PURE__*/function () {
       token_type: 'Bearer',
       scope: 'scopes'
     });
-
     this.settings = settings;
     this.events = new Events();
   }
-
   var _proto2 = UserManagerMock.prototype;
-
   _proto2.getUser = function getUser() {
     return Promise.resolve(JSON.parse(sessionStorage.getItem('powsybl-gridsuite-mock-user')));
   };
-
   _proto2.signinSilent = function signinSilent() {
     console.info('signinSilent..............');
     var localStorageUser = JSON.parse(localStorage.getItem('powsybl-gridsuite-mock-user'));
-    if (localStorageUser === null) return Promise.reject(new Error('End-User authentication required'));
+    if (localStorageUser === null) {
+      return Promise.reject(new Error('End-User authentication required'));
+    }
     sessionStorage.setItem('powsybl-gridsuite-mock-user', JSON.stringify(localStorageUser));
     this.events.userLoadedCallbacks.forEach(function (c) {
       return c(localStorageUser);
     });
     return Promise.resolve(localStorageUser);
   };
-
   _proto2.signinSilentCallback = function signinSilentCallback() {
     console.error('Unsupported, iframe signinSilentCallback in UserManagerMock (dev mode)');
     return Promise.reject();
   };
-
   _proto2.signinRedirect = function signinRedirect() {
     localStorage.setItem('powsybl-gridsuite-mock-user', JSON.stringify(this.user));
     window.location = './sign-in-callback';
     return Promise.resolve(null);
   };
-
   _proto2.signoutRedirect = function signoutRedirect() {
     sessionStorage.removeItem('powsybl-gridsuite-mock-user');
     localStorage.removeItem('powsybl-gridsuite-mock-user');
     window.location = '.';
     return Promise.resolve(null);
   };
-
   _proto2.signinRedirectCallback = function signinRedirectCallback() {
     var _this = this;
-
     sessionStorage.setItem('powsybl-gridsuite-mock-user', JSON.stringify(this.user));
     this.events.userLoadedCallbacks.forEach(function (c) {
       return c(_this.user);
     });
     return Promise.resolve('');
   };
-
   return UserManagerMock;
 }();
-
 exports.UserManagerMock = UserManagerMock;

package/lib/utils/actions.js

@@ -9,36 +9,31 @@ exports.setShowAuthenticationRouterLogin = setShowAuthenticationRouterLogin;
 exports.setSignInCallbackError = setSignInCallbackError;
 exports.setUnauthorizedUserInfo = setUnauthorizedUserInfo;
 exports.setUserValidationError = setUserValidationError;
-
 /**
  * Copyright (c) 2020, 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/.
  */
+
 var USER = 'USER';
 exports.USER = USER;
-
 function setLoggedUser(user) {
   return {
     type: USER,
     user: user
   };
 }
-
 var SIGNIN_CALLBACK_ERROR = 'SIGNIN_CALLBACK_ERROR';
 exports.SIGNIN_CALLBACK_ERROR = SIGNIN_CALLBACK_ERROR;
-
 function setSignInCallbackError(signInCallbackError) {
   return {
     type: SIGNIN_CALLBACK_ERROR,
     signInCallbackError: signInCallbackError
   };
 }
-
 var UNAUTHORIZED_USER_INFO = 'UNAUTHORIZED_USER_INFO';
 exports.UNAUTHORIZED_USER_INFO = UNAUTHORIZED_USER_INFO;
-
 function setUnauthorizedUserInfo(userName, unauthorizedUserInfo) {
   return {
     type: UNAUTHORIZED_USER_INFO,
@@ -48,10 +43,8 @@ function setUnauthorizedUserInfo(userName, unauthorizedUserInfo) {
     }
   };
 }
-
 var LOGOUT_ERROR = 'LOGOUT_ERROR';
 exports.LOGOUT_ERROR = LOGOUT_ERROR;
-
 function setLogoutError(userName, logoutError) {
   return {
     type: LOGOUT_ERROR,
@@ -61,10 +54,8 @@ function setLogoutError(userName, logoutError) {
     }
   };
 }
-
 var USER_VALIDATION_ERROR = 'USER_VALIDATION_ERROR';
 exports.USER_VALIDATION_ERROR = USER_VALIDATION_ERROR;
-
 function setUserValidationError(userName, userValidationError) {
   return {
     type: USER_VALIDATION_ERROR,
@@ -74,20 +65,16 @@ function setUserValidationError(userName, userValidationError) {
     }
   };
 }
-
 var RESET_AUTHENTICATION_ROUTER_ERROR = 'RESET_AUTHENTICATION_ROUTER_ERROR';
 exports.RESET_AUTHENTICATION_ROUTER_ERROR = RESET_AUTHENTICATION_ROUTER_ERROR;
-
 function resetAuthenticationRouterError() {
   return {
     type: RESET_AUTHENTICATION_ROUTER_ERROR,
     authenticationRouterError: null
   };
 }
-
 var SHOW_AUTH_INFO_LOGIN = 'SHOW_AUTH_INFO_LOGIN';
 exports.SHOW_AUTH_INFO_LOGIN = SHOW_AUTH_INFO_LOGIN;
-
 function setShowAuthenticationRouterLogin(showAuthenticationRouterLogin) {
   return {
     type: SHOW_AUTH_INFO_LOGIN,

package/lib/utils/algos.js

@@ -2,26 +2,32 @@
 
 exports.__esModule = true;
 exports.equalsArray = equalsArray;
-
 /**
  * Copyright (c) 2022, 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/.
  */
-function equalsArray(a, b) {
-  if (b === a) return true;
-  if (!b || !a) return false;
-  if (a.length !== b.length) return false;
 
+function equalsArray(a, b) {
+  if (b === a) {
+    return true;
+  }
+  if (!b || !a) {
+    return false;
+  }
+  if (a.length !== b.length) {
+    return false;
+  }
   for (var i = 0, l = a.length; i < l; i++) {
     if (a[i] instanceof Array && b[i] instanceof Array) {
-      if (!equalsArray(a[i], b[i])) return false;
+      if (!equalsArray(a[i], b[i])) {
+        return false;
+      }
     } else if (a[i] !== b[i]) {
       // Warning - two different object instances will never be equal: {x:20} != {x:20}
       return false;
     }
   }
-
   return true;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.31.1",
+    "version": "0.32.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": "<=6",
@@ -77,7 +77,9 @@
         "react-router-dom": "^6.0.0",
         "type-fest": "^2.0.0",
         "utf-8-validate": "^5.0.2",
-        "webpack-plugin-serve": "^1.0.1"
+        "webpack-plugin-serve": "^1.0.1",
+        "@react-hook/window-size": "^3.1.1",
+        "react-resizable": "^3.0.4"
     },
     "eslintConfig": {
         "extends": [
@@ -86,6 +88,7 @@
         ],
         "rules": {
             "prettier/prettier": "warn",
+            "curly": "error",
             "import/no-webpack-loader-syntax": "off"
         }
     },