update commons-ui

Author: Tristan-WorkGH

package-lock.json

@@ -16,7 +16,7 @@
     "dependencies": {
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@gridsuite/commons-ui": "file:../commons-ui/gridsuite-commons-ui-0.63.2.tgz",
+        "@gridsuite/commons-ui": "file:../commons-ui/gridsuite-commons-ui-0.63.4.tgz",
         "@hookform/resolvers": "^3.3.4",
         "@mui/icons-material": "^5.15.14",
         "@mui/lab": "5.0.0-alpha.169",

package.json

@@ -15,18 +15,18 @@ import {
     getComputedLanguage,
     PARAM_LANGUAGE,
     PARAM_THEME,
+    useDebugLog,
     useSnackMessage,
 } from '@gridsuite/commons-ui';
 import { selectComputedLanguage, selectLanguage, selectTheme } from '../../redux/actions';
 import { AppState } from '../../redux/reducer';
 import { configNotificationSrv, configSrv } from '../../services';
 import { APP_NAME } from '../../utils/config-params';
 import AppTopBar from './app-top-bar';
-import { useDebugRender } from '../../utils/hooks';
 import { AppDispatch } from '../../redux/store';
 
 const App: FunctionComponent<PropsWithChildren<{}>> = (props, context) => {
-    useDebugRender('app');
+    useDebugLog('app');
     const { snackError } = useSnackMessage();
     const dispatch = useDispatch<AppDispatch>();
     const user = useSelector((state: AppState) => state.user ?? null);

src/components/App/app.tsx

@@ -22,10 +22,9 @@ import {
 import { Box, useTheme } from '@mui/material';
 import { AgGridReact } from 'ag-grid-react';
 import { useIntl } from 'react-intl';
-import { LANG_FRENCH } from '@gridsuite/commons-ui';
+import { LANG_FRENCH, useDebugLog } from '@gridsuite/commons-ui';
 import { AG_GRID_LOCALE_FR } from '../../translations/ag-grid/locales';
 import { GridOptions } from 'ag-grid-community';
-import { useDebugRender } from '../../utils/hooks';
 
 const messages: Record<string, Record<string, string>> = {
     [LANG_FRENCH]: AG_GRID_LOCALE_FR,
@@ -70,7 +69,7 @@ export const AgGrid: AgGridWithRef = forwardRef(function AgGrid<TData, TContext
     const theme = useTheme();
 
     const id = useId();
-    useDebugRender(`ag-grid(${id}) ${props.gridId}`);
+    useDebugLog(`ag-grid(${id}) ${props.gridId}`);
 
     const agGridRef = useRef<AgGridReact<TData>>(null);
     const agGridRefContent = agGridRef.current;

src/components/Grid/AgGrid.tsx

@@ -14,7 +14,7 @@ export default class AppLocalSvc extends AppLocalComSvc {
         super();
     }
 
-    public async fetchEnv(): Promise<EnvJson> {
+    public async fetchEnv() {
         return (await super.fetchEnv()) as EnvJson;
     }
 }

src/services/app-local.ts

@@ -35,32 +35,18 @@ export default class UserAdminSvc extends UserAdminComSvc {
 
     public async updateUser(userInfos: UserInfos) {
         console.debug('Updating a user...');
-        await this.backendFetch(`${this.getPrefix(1)}/users/${userInfos.sub}`, {
-            method: 'PUT',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(userInfos),
-        });
+        await this.backendSend(`${this.getPrefix(1)}/users/${userInfos.sub}`, 'PUT', JSON.stringify(userInfos));
     }
 
     public async deleteUsers(subs: string[]) {
         const jsonSubs = JSON.stringify(subs);
         console.debug(`Deleting sub users "${jsonSubs}"...`);
-        await this.backendFetch(`${this.getPrefix(1)}/users`, {
-            method: 'DELETE',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: jsonSubs,
-        });
+        await this.backendSend(`${this.getPrefix(1)}/users`, 'DELETE', jsonSubs);
     }
 
     public async addUser(sub: string) {
         console.debug(`Creating sub user "${sub}"...`);
-        await this.backendFetch(`${this.getPrefix(1)}/users/${sub}`, {
-            method: 'POST',
-        });
+        await this.backendFetch(`${this.getPrefix(1)}/users/${sub}`, 'POST');
     }
 
     public async fetchProfiles() {
@@ -80,35 +66,16 @@ export default class UserAdminSvc extends UserAdminComSvc {
 
     public async modifyProfile(profileData: UserProfile) {
         console.debug(`Updating a profile...`);
-        await this.backendFetch(`${this.getPrefix(1)}/profiles/${profileData.id}`, {
-            method: 'PUT',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(profileData),
-        });
+        await this.backendSend(`${this.getPrefix(1)}/profiles/${profileData.id}`, 'PUT', JSON.stringify(profileData));
     }
 
     public async addProfile(profileData: UserProfile) {
         console.debug(`Creating user profile "${profileData.name}"...`);
-        await this.backendFetch(`${this.getPrefix(1)}/profiles`, {
-            method: 'POST',
-            headers: {
-                Accept: 'application/json',
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(profileData),
-        });
+        await this.backendSend(`${this.getPrefix(1)}/profiles`, 'POST', JSON.stringify(profileData));
     }
 
     public async deleteProfiles(names: string[]) {
         console.debug(`Deleting profiles "${JSON.stringify(names)}"...`);
-        await this.backendFetch(`${this.getPrefix(1)}/profiles`, {
-            method: 'DELETE',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(names),
-        });
+        await this.backendSend(`${this.getPrefix(1)}/profiles`, 'DELETE', JSON.stringify(names));
     }
 }