@gridsuite/commons-ui 0.62.0 → 0.63.1

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 @@
+

package/dist/utils/UserManagerMock.d.ts

@@ -1,34 +1,59 @@
-/**
- * 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/.
- */
-declare class Events {
+import { MetadataService, SigninRequest, SigninResponse, SignoutRequest, SignoutResponse, User, UserManager, UserManagerEvents, UserManagerSettings } from 'oidc-client';
+
+declare class Events implements UserManagerEvents {
     userLoadedCallbacks: ((data: any) => void)[];
     addUserLoaded(callback: (data: any) => void): void;
     addSilentRenewError(callback: (data: any) => void): void;
+    load(): void;
+    unload(): void;
+    removeUserLoaded(): void;
+    addUserUnloaded(): void;
+    removeUserUnloaded(): void;
+    removeSilentRenewError(): void;
+    addUserSignedIn(): void;
+    removeUserSignedIn(): void;
+    addUserSignedOut(): void;
+    removeUserSignedOut(): void;
+    addUserSessionChanged(): void;
+    removeUserSessionChanged(): void;
+    addAccessTokenExpiring(): void;
+    removeAccessTokenExpiring(): void;
+    addAccessTokenExpired(): void;
+    removeAccessTokenExpired(): void;
 }
-export declare class UserManagerMock {
-    settings: unknown;
+export default class UserManagerMock implements UserManager {
+    settings: UserManagerSettings;
     events: Events;
-    user: {
-        profile: {
-            name: string;
-            email: string;
-        };
-        id_token: string;
-        session_state: string;
-        access_token: string;
-        token_type: string;
-        scope: string;
-    };
-    constructor(settings: unknown);
+    user: User;
+    readonly metadataService: MetadataService;
+    constructor(settings: UserManagerSettings);
     getUser(): Promise<any>;
-    signinSilent(): Promise<any>;
+    signinSilent(): Promise<User>;
     signinSilentCallback(): Promise<never>;
-    signinRedirect(): Promise<null>;
-    signoutRedirect(): Promise<null>;
-    signinRedirectCallback(): Promise<string>;
+    signinRedirect(): Promise<void>;
+    signoutRedirect(): Promise<void>;
+    signinRedirectCallback(): Promise<User>;
+    clearStaleState(): Promise<void>;
+    storeUser(): Promise<void>;
+    removeUser(): Promise<void>;
+    signinPopup(): Promise<User>;
+    signinPopupCallback(): Promise<undefined>;
+    signoutRedirectCallback(): Promise<SignoutResponse>;
+    signoutPopup(): Promise<void>;
+    signoutPopupCallback(): Promise<void>;
+    signinCallback(): Promise<User>;
+    signoutCallback(): Promise<undefined>;
+    querySessionStatus(): Promise<{
+        session_state: string;
+        sub: string;
+        sid: undefined;
+    }>;
+    revokeAccessToken(): Promise<void>;
+    startSilentRenew(): Promise<void>;
+    stopSilentRenew(): Promise<void>;
+    createSigninRequest(): Promise<SigninRequest>;
+    processSigninResponse(): Promise<SigninResponse>;
+    createSignoutRequest(): Promise<SignoutRequest>;
+    processSignoutResponse(): Promise<SignoutResponse>;
 }
 export {};

package/dist/utils/UserManagerMock.js

@@ -5,22 +5,71 @@ class Events {
   addUserLoaded(callback) {
     this.userLoadedCallbacks.push(callback);
   }
+  // eslint-disable-next-line
   addSilentRenewError(callback) {
   }
+  load() {
+  }
+  unload() {
+  }
+  removeUserLoaded() {
+  }
+  addUserUnloaded() {
+  }
+  removeUserUnloaded() {
+  }
+  removeSilentRenewError() {
+  }
+  addUserSignedIn() {
+  }
+  removeUserSignedIn() {
+  }
+  addUserSignedOut() {
+  }
+  removeUserSignedOut() {
+  }
+  addUserSessionChanged() {
+  }
+  removeUserSessionChanged() {
+  }
+  addAccessTokenExpiring() {
+  }
+  removeAccessTokenExpiring() {
+  }
+  addAccessTokenExpired() {
+  }
+  removeAccessTokenExpired() {
+  }
 }
 class UserManagerMock {
   constructor(settings) {
     this.user = {
-      profile: { name: "John Doe", email: "Jhon.Doe@rte-france.com" },
+      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.eyJhdWQiOiIwMDAwMDAwMy0wMDAwLTAwMDAtYzAwMC0wMDAwMDAwMDAwMDAiLCJpc3MiOiJodHRwczovL3N0cy53aW5kb3dzLm5ldC83NTAyZGFkNS1kNjRjLTQ2YzctOWQ0Ny1iMTZmNTgwZmNmYTkvIiwiaWF0IjoxNTg1MzMxMjQ5LCJuYmYiOjE1ODUzMzEyNDksImV4cCI6MTU4NTMzNTE0OSwiYWNjdCI6MCwiYWNyIjoiMSIsImFpbyI6IkFVUUF1LzhQQUFBQXdwc3RYMlVkY2VDQWx4dU9tVHpIY0R3RlhTWUtYanIvZUNTSi9PdTRqbTJyUVBCUml0U1dWMThmNldCVEdNdnQ5ZGx0Ry9lTXB1VXZqaTN2NCtzanh3PT0iLCJhbHRzZWNpZCI6IjE6bGl2ZS5jb206MDAwMzQwMDExOUZEOTIxMiIsImFtciI6WyJwd2QiXSwiYXBwX2Rpc3BsYXluYW1lIjoic3BhIiwiYXBwaWQiOiI5YzQwMjQ2MS1iMmFiLTQ3NjctOWRiMy02Njg1OWJiMGZjZDAiLCJhcHBpZGFjciI6IjAiLCJlbWFpbCI6ImNoYW1zZWRkaW5lLmJlbmhhbWVkQGVuc2ktdW1hLnRuIiwiZmFtaWx5X25hbWUiOiJCRU5IQU1FRCIsImdpdmVuX25hbWUiOiJDaGFtc2VkZGluZSIsImlkcCI6ImxpdmUuY29tIiwiaXBhZGRyIjoiNzcuMjA0LjE0Ni4xNTkiLCJuYW1lIjoiQ2hhbXNlZGRpbmUgQkVOSEFNRUQiLCJvaWQiOiIzNTIzYmQ3OC0yZjIxLTQ3ZjYtODhlOC1hYWIzYjZmMjdmNjAiLCJwbGF0ZiI6IjE0IiwicHVpZCI6IjEwMDMyMDAwOURFMDg1NkEiLCJzY3AiOiJVc2VyLlJlYWQgcHJvZmlsZSBvcGVuaWQgZW1haWwiLCJzdWIiOiJjVEd5LVlfV3FLR2x1cmRUVDdSUVlfY3FjSDJoVHpEdllZTmotQ3hONXA4IiwidGlkIjoiNzUwMmRhZDUtZDY0Yy00NmM3LTlkNDctYjE2ZjU4MGZjZmE5IiwidW5pcXVlX25hbWUiOiJsaXZlLmNvbSNjaGFtc2VkZGluZS5iZW5oYW1lZEBlbnNpLXVtYS50biIsInV0aSI6IlBQWHZMNVFsQzBtaDBqdjdzWjRiQUEiLCJ2ZXIiOiIxLjAiLCJ4bXNfc3QiOnsic3ViIjoick52Y1lyTElyUjduYkgyT0JYaDhZM1NOcGRLT3N3X01DZF9xdzRfbzQ0SSJ9LCJ4bXNfdGNkdCI6MTU4MjgyMDM1Mn0.W_ccOGW_AGdg37KSMi7LWHtvm3Mw5p1dHjgDIrUaXduKF2iLS4dCaPw7yeo4VjAcOyV6C0h6ABLDCtkwVt8BSDTIIU7DaT8k2bRbMCCq69BmeiYPsbp-yX6ywGCx5DHsnOLqI2oHbBQktA2Nmv9Va651Pbm3OpSPuGPdVimkFCcnisiGlUOej1ZMNwyVT6386O2pERPtxmFUt_D1dKLxBXxBNxLVUG5BG3bI7wMpBOHEUA5CbaBzYXmGrLMXVVbrj9OsF-WQ6aNoqsm9cicX6pJB60lFz1dxLeSgcFO7Zh2K3PFe4FnXCqAvNPadQMz_kJEO9_phlDV85c2MPqeXbA",
       token_type: "Bearer",
-      scope: "scopes"
+      scope: "scopes",
+      scopes: ["scopes"],
+      expires_at: Number.MAX_SAFE_INTEGER,
+      expires_in: Number.MAX_SAFE_INTEGER,
+      expired: false,
+      state: null,
+      toStorageString: () => "Mock of UserManager"
     };
+    this.metadataService = null;
     this.settings = settings;
     this.events = new Events();
   }
+  // eslint-disable-next-line class-methods-use-this
   getUser() {
     return Promise.resolve(
       JSON.parse(
@@ -28,23 +77,22 @@ class UserManagerMock {
       )
     );
   }
-  signinSilent() {
+  async signinSilent() {
     console.info("signinSilent..............");
     const localStorageUser = JSON.parse(
       localStorage.getItem("powsybl-gridsuite-mock-user") ?? "null"
     );
     if (localStorageUser === null) {
-      return Promise.reject(
-        new Error("End-User authentication required")
-      );
+      throw new Error("End-User authentication required");
     }
     sessionStorage.setItem(
       "powsybl-gridsuite-mock-user",
       JSON.stringify(localStorageUser)
     );
     this.events.userLoadedCallbacks.forEach((c) => c(localStorageUser));
-    return Promise.resolve(localStorageUser);
+    return localStorageUser;
   }
+  // eslint-disable-next-line class-methods-use-this
   signinSilentCallback() {
     console.error(
       "Unsupported, iframe signinSilentCallback in UserManagerMock (dev mode)"
@@ -57,13 +105,14 @@ class UserManagerMock {
       JSON.stringify(this.user)
     );
     window.location.href = "./sign-in-callback";
-    return Promise.resolve(null);
+    return Promise.resolve();
   }
+  // eslint-disable-next-line class-methods-use-this
   signoutRedirect() {
     sessionStorage.removeItem("powsybl-gridsuite-mock-user");
     localStorage.removeItem("powsybl-gridsuite-mock-user");
     window.location.href = ".";
-    return Promise.resolve(null);
+    return Promise.resolve();
   }
   signinRedirectCallback() {
     sessionStorage.setItem(
@@ -71,9 +120,67 @@ class UserManagerMock {
       JSON.stringify(this.user)
     );
     this.events.userLoadedCallbacks.forEach((c) => c(this.user));
-    return Promise.resolve("");
+    return Promise.resolve(this.user);
+  }
+  clearStaleState() {
+    return Promise.resolve();
+  }
+  storeUser() {
+    return Promise.resolve();
+  }
+  removeUser() {
+    return Promise.resolve();
+  }
+  signinPopup() {
+    return Promise.resolve(this.user);
+  }
+  signinPopupCallback() {
+    return Promise.resolve(void 0);
+  }
+  signoutRedirectCallback() {
+    return Promise.resolve({});
+  }
+  signoutPopup() {
+    return Promise.resolve();
+  }
+  signoutPopupCallback() {
+    return Promise.resolve();
+  }
+  signinCallback() {
+    return Promise.resolve(this.user);
+  }
+  signoutCallback() {
+    return Promise.resolve(void 0);
+  }
+  querySessionStatus() {
+    return Promise.resolve({
+      session_state: "",
+      sub: "",
+      sid: void 0
+    });
+  }
+  revokeAccessToken() {
+    return Promise.resolve();
+  }
+  startSilentRenew() {
+    return Promise.resolve();
+  }
+  stopSilentRenew() {
+    return Promise.resolve();
+  }
+  createSigninRequest() {
+    return Promise.resolve({});
+  }
+  processSigninResponse() {
+    return Promise.resolve({});
+  }
+  createSignoutRequest() {
+    return Promise.resolve({});
+  }
+  processSignoutResponse() {
+    return Promise.resolve({});
   }
 }
 export {
-  UserManagerMock
+  UserManagerMock as default
 };

package/dist/utils/algos.d.ts

@@ -4,4 +4,5 @@
  * 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 function equalsArray(a: Array<any>, b: Array<any>): boolean;
+declare function equalsArray(a: Array<any>, b: Array<any>): boolean;
+export default equalsArray;

package/dist/utils/algos.js

@@ -8,7 +8,7 @@ function equalsArray(a, b) {
   if (a.length !== b.length) {
     return false;
   }
-  for (var i = 0, l = a.length; i < l; i++) {
+  for (let 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;
@@ -20,5 +20,5 @@ function equalsArray(a, b) {
   return true;
 }
 export {
-  equalsArray
+  equalsArray as default
 };

package/dist/utils/equipment-types-for-predefined-properties-mapper.d.ts

@@ -1,3 +1,4 @@
 import { EquipmentType } from './types';
 
-export declare const mapEquipmentTypeForPredefinedProperties: (type: EquipmentType) => string | undefined;
+declare const mapEquipmentTypeForPredefinedProperties: (type: EquipmentType) => string | undefined;
+export default mapEquipmentTypeForPredefinedProperties;

package/dist/utils/equipment-types-for-predefined-properties-mapper.js

@@ -24,8 +24,10 @@ const mapEquipmentTypeForPredefinedProperties = (type) => {
     case "STATIC_VAR_COMPENSATOR":
     case "VSC_CONVERTER_STATION":
       return void 0;
+    default:
+      return void 0;
   }
 };
 export {
-  mapEquipmentTypeForPredefinedProperties
+  mapEquipmentTypeForPredefinedProperties as default
 };

package/dist/utils/field-constants.d.ts

@@ -4,7 +4,7 @@
  * 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 enum FieldConstants {
+declare enum FieldConstants {
     ID = "id",
     NAME = "name",
     FILTER_TYPE = "filterType",
@@ -43,3 +43,4 @@ export declare enum FieldConstants {
     PROPERTY_VALUES = "propertyValues",
     PROPERTY_OPERATOR = "propertyOperator"
 }
+export default FieldConstants;

package/dist/utils/field-constants.js

@@ -39,5 +39,5 @@ var FieldConstants = /* @__PURE__ */ ((FieldConstants2) => {
   return FieldConstants2;
 })(FieldConstants || {});
 export {
-  FieldConstants
+  FieldConstants as default
 };

package/dist/utils/functions.js

@@ -1,9 +1,12 @@
 function keyGenerator() {
   let key = 1;
-  return () => key++;
+  return () => {
+    key += 1;
+    return key;
+  };
 }
 const areArrayElementsUnique = (array) => {
-  let uniqueValues = [...new Set(array)];
+  const uniqueValues = [...new Set(array)];
   return uniqueValues.length === array.length;
 };
 const isObjectEmpty = (object) => object && Object.keys(object).length === 0;

package/dist/utils/types.d.ts

@@ -21,7 +21,7 @@ export type ElementAttributes = {
     specificMetadata: Record<string, object>;
     uploading?: boolean;
 };
-export type Equipment = typeof Substation | typeof Line | typeof Generator | typeof Load | typeof Battery | typeof SVC | typeof DanglingLine | typeof LCC | typeof VSC | typeof Hvdc | typeof BusBar | typeof TwoWindingTransfo | typeof ThreeWindingTransfo | typeof ShuntCompensator | typeof VoltageLevel | typeof Substation;
+export type Equipment = typeof Substation | typeof Line | typeof Generator | typeof Load | typeof Battery | typeof SVC | typeof DanglingLine | typeof LCC | typeof VSC | typeof Hvdc | typeof BusBar | typeof TwoWindingTransfo | typeof ThreeWindingTransfo | typeof ShuntCompensator | typeof VoltageLevel;
 export type EquipmentType = {
     [Type in Equipment['type']]: Type;
 }[Equipment['type']];

package/dist/utils/yup-config.js

@@ -5,9 +5,8 @@ yup.setLocale({
     notType: ({ type }) => {
       if (type === "number") {
         return "YupNotTypeNumber";
-      } else {
-        return "YupNotTypeDefault";
       }
+      return "YupNotTypeDefault";
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.62.0",
+    "version": "0.63.1",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",
@@ -45,6 +45,9 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
+        "@mui/system": "^5.15.15",
+        "@mui/x-tree-view": "^6.17.0",
+        "papaparse": "^5.4.1",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.0",
         "@hookform/resolvers": "^3.3.4",
@@ -71,10 +74,10 @@
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
         "@hookform/resolvers": "^3.3.4",
+        "@jest/globals": "^29.7.0",
         "@mui/icons-material": "^5.15.14",
         "@mui/lab": "5.0.0-alpha.169",
         "@mui/material": "^5.15.14",
-        "@mui/x-tree-view": "^6.17.0",
         "@react-hook/window-size": "^3.1.1",
         "@types/autosuggest-highlight": "^3.2.3",
         "@types/eslint": "^8.56.7",
@@ -90,15 +93,18 @@
         "@types/react-virtualized": "^9.21.29",
         "@types/utf-8-validate": "^5.0.2",
         "@types/uuid": "^9.0.8",
-        "@typescript-eslint/eslint-plugin": "^6.21.0",
-        "@typescript-eslint/parser": "^6.21.0",
+        "@typescript-eslint/eslint-plugin": "^7.0.0",
+        "@typescript-eslint/parser": "^7.0.0",
         "@vitejs/plugin-react": "^4.2.1",
         "ag-grid-community": "^31.0.0",
         "ag-grid-react": "^31.2.0",
         "babel-eslint": "^10.1.0",
+        "babel-preset-airbnb": "^5.0.0",
         "babel-preset-vite": "^1.1.3",
         "bufferutil": "^4.0.8",
         "eslint": "^8.57.0",
+        "eslint-config-airbnb": "^19.0.0",
+        "eslint-config-airbnb-typescript": "^18.0.0",
         "eslint-config-prettier": "^9.1.0",
         "eslint-config-react-app": "^7.0.1",
         "eslint-plugin-flowtype": "^8.0.3",