@centreon/ui 26.3.4 → 26.3.6

package/src/api/useMutationQuery/useMutationQuery.cypress.spec.tsx

@@ -1,6 +1,6 @@
-import useMutationQuery, { Method } from '.';
 import SnackbarProvider from '../../Snackbar/SnackbarProvider';
 import TestQueryProvider from '../TestQueryProvider';
+import useMutationQuery, { Method } from '.';
 
 const TestComponent = (props) => {
   const mutation = useMutationQuery({
@@ -10,10 +10,10 @@ const TestComponent = (props) => {
 
   return (
     <button
-      type="button"
       onClick={() =>
         mutation.mutateAsync({ payload: { a: 'a', b: 2, c: ['arr', 'ay'] } })
       }
+      type="button"
     >
       Send
     </button>
@@ -23,14 +23,14 @@ const TestComponent = (props) => {
 const initialize = ({ mutationProps, isError = false }) => {
   cy.interceptAPIRequest({
     alias: 'mutateEndpoint',
-    path: './api/latest/endpoint',
-    statusCode: isError ? 400 : 204,
     method: mutationProps.method,
+    path: './api/latest/endpoint',
     response: isError
       ? {
           message: 'custom error message'
         }
-      : undefined
+      : undefined,
+    statusCode: isError ? 400 : 204
   });
 
   cy.mount({
@@ -64,11 +64,11 @@ describe('useMutationQuery', () => {
 
   it("shows an error from the API via the Snackbar and inside the browser's console when posting data to an endpoint", () => {
     initialize({
+      isError: true,
       mutationProps: {
         getEndpoint: () => '/endpoint',
         method: Method.POST
-      },
-      isError: true
+      }
     });
 
     cy.get('button').click();
@@ -78,12 +78,12 @@ describe('useMutationQuery', () => {
 
   it('does not show any message via the Snackbar when the httpCodesBypassErrorSnackbar is passed when posting data to an API', () => {
     initialize({
+      isError: true,
       mutationProps: {
         getEndpoint: () => '/endpoint',
-        method: Method.POST,
-        httpCodesBypassErrorSnackbar: [400]
-      },
-      isError: true
+        httpCodesBypassErrorSnackbar: [400],
+        method: Method.POST
+      }
     });
 
     cy.get('button').click();

package/src/api/useMutationQuery/useOptimisticMutation.ts

@@ -1,5 +1,6 @@
 import { useQueryClient } from '@tanstack/react-query';
 import { append, equals, last, remove, type, update } from 'ramda';
+
 import { Method } from '.';
 
 interface GetOptimisticMutationListingProps<T, TMeta> {
@@ -115,5 +116,5 @@ export const useOptimisticMutation = <T, TMeta>({
 
     return items;
   };
-  return { getOptimisticMutationItems, getListingQueryKey, getPreviousListing };
+  return { getListingQueryKey, getOptimisticMutationItems, getPreviousListing };
 };

package/src/api/useRequest/index.test.ts

@@ -1,7 +1,7 @@
-import { RenderHookResult, act, renderHook } from '@testing-library/react';
+import { act, type RenderHookResult, renderHook } from '@testing-library/react';
 import axios from 'axios';
 
-import useRequest, { RequestResult, RequestParams } from '.';
+import useRequest, { type RequestParams, type RequestResult } from '.';
 
 const mockedAxios = axios as jest.Mocked<typeof axios>;
 
@@ -39,10 +39,11 @@ describe(useRequest, () => {
       request
     });
 
-    await act(async () =>
-      result.current.sendRequest().then((data) => {
-        expect(data).toEqual('success');
-      })
+    await act(
+      async () =>
+        await result.current.sendRequest().then((data) => {
+          expect(data).toEqual('success');
+        })
     );
   });
 
@@ -54,7 +55,7 @@ describe(useRequest, () => {
     const { result } = renderUseRequest({ getErrorMessage, request });
 
     await act(async () => {
-      result.current.sendRequest().catch((error) => {
+      await result.current.sendRequest().catch((error) => {
         expect(error).toEqual({});
       });
     });
@@ -71,7 +72,7 @@ describe(useRequest, () => {
     const { result } = renderUseRequest({ request });
 
     await act(async () => {
-      result.current.sendRequest().catch((error) => {
+      await result.current.sendRequest().catch((error) => {
         expect(error).toEqual(response);
       });
     });
@@ -88,7 +89,7 @@ describe(useRequest, () => {
     });
 
     await act(async () => {
-      result.current.sendRequest().catch((error) => {
+      await result.current.sendRequest().catch((error) => {
         expect(error).toEqual({});
       });
     });
@@ -106,7 +107,7 @@ describe(useRequest, () => {
     });
 
     await act(async () => {
-      result.current.sendRequest().catch((error) => {
+      await result.current.sendRequest().catch((error) => {
         expect(error).toEqual({});
       });
     });

package/src/api/useRequest/index.ts

@@ -1,8 +1,7 @@
-import { useEffect, useState } from 'react';
-
 import axios from 'axios';
-import { path, defaultTo, includes, or, pathOr } from 'ramda';
-import { JsonDecoder } from 'ts.data.json';
+import { defaultTo, includes, or, path, pathOr } from 'ramda';
+import { useEffect, useState } from 'react';
+import type { JsonDecoder } from 'ts.data.json';
 
 import useSnackbar from '../../Snackbar/useSnackbar';
 import { errorLog, warnLog } from '../logger';
@@ -35,7 +34,7 @@ const useRequest = <TResult>({
 
   useEffect(() => {
     return (): void => cancel();
-  }, []);
+  }, [cancel]);
 
   const showRequestErrorMessage = (error): void => {
     errorLog(error.message);
@@ -85,7 +84,7 @@ const useRequest = <TResult>({
       });
   };
 
-  return { sendRequest, sending };
+  return { sending, sendRequest };
 };
 
 export default useRequest;

package/src/base/tokens/source/base.json

@@ -2,140 +2,140 @@
   "color": {
     "blue": {
       "50": {
-        "value": "#ECF4FD",
-        "type": "color"
+        "type": "color",
+        "value": "#ECF4FD"
       },
       "100": {
-        "value": "#D2E4F9",
-        "type": "color"
+        "type": "color",
+        "value": "#D2E4F9"
       },
       "200": {
-        "value": "#9EC4F0",
-        "type": "color"
+        "type": "color",
+        "value": "#9EC4F0"
       },
       "300": {
-        "value": "#6DA4E4",
-        "type": "color"
+        "type": "color",
+        "value": "#6DA4E4"
       },
       "400": {
-        "value": "#3e85d5",
-        "type": "color"
+        "type": "color",
+        "value": "#3e85d5"
       },
       "500": {
-        "value": "#2e68aa",
-        "type": "color"
+        "type": "color",
+        "value": "#2e68aa"
       },
       "600": {
-        "value": "#205593",
-        "type": "color"
+        "type": "color",
+        "value": "#205593"
       },
       "700": {
-        "value": "#164274",
-        "type": "color"
+        "type": "color",
+        "value": "#164274"
       },
       "800": {
-        "value": "#0d2e54",
-        "type": "color"
+        "type": "color",
+        "value": "#0d2e54"
       },
       "900": {
-        "value": "#071d37",
-        "type": "color"
+        "type": "color",
+        "value": "#071d37"
       },
       "950": {
-        "value": "#031326",
-        "type": "color"
+        "type": "color",
+        "value": "#031326"
       }
     },
-    "purple": {
+    "grey": {
       "50": {
-        "value": "#F8F1F9",
-        "type": "color"
+        "type": "color",
+        "value": "#f9fafb"
       },
       "100": {
-        "value": "#F0DEF2",
-        "type": "color"
+        "type": "color",
+        "value": "#eaedf0"
       },
       "200": {
-        "value": "#DDAFE4",
-        "type": "color"
+        "type": "color",
+        "value": "#cad0d8"
       },
       "300": {
-        "value": "#CE81DA",
-        "type": "color"
+        "type": "color",
+        "value": "#aab4c0"
       },
       "400": {
-        "value": "#c151d2",
-        "type": "color"
+        "type": "color",
+        "value": "#8c98a6"
       },
       "500": {
-        "value": "#ac28c1",
-        "type": "color"
+        "type": "color",
+        "value": "#6f7b8a"
       },
       "600": {
-        "value": "#872796",
-        "type": "color"
+        "type": "color",
+        "value": "#596573"
       },
       "700": {
-        "value": "#682172",
-        "type": "color"
+        "type": "color",
+        "value": "#434e5b"
       },
       "800": {
-        "value": "#491b50",
-        "type": "color"
+        "type": "color",
+        "value": "#2f3741"
       },
       "900": {
-        "value": "#29112c",
-        "type": "color"
+        "type": "color",
+        "value": "#1b2127"
       },
       "950": {
-        "value": "#1a0d1c",
-        "type": "color"
+        "type": "color",
+        "value": "#101418"
       }
     },
-    "grey": {
+    "purple": {
       "50": {
-        "value": "#f9fafb",
-        "type": "color"
+        "type": "color",
+        "value": "#F8F1F9"
       },
       "100": {
-        "value": "#eaedf0",
-        "type": "color"
+        "type": "color",
+        "value": "#F0DEF2"
       },
       "200": {
-        "value": "#cad0d8",
-        "type": "color"
+        "type": "color",
+        "value": "#DDAFE4"
       },
       "300": {
-        "value": "#aab4c0",
-        "type": "color"
+        "type": "color",
+        "value": "#CE81DA"
       },
       "400": {
-        "value": "#8c98a6",
-        "type": "color"
+        "type": "color",
+        "value": "#c151d2"
       },
       "500": {
-        "value": "#6f7b8a",
-        "type": "color"
+        "type": "color",
+        "value": "#ac28c1"
       },
       "600": {
-        "value": "#596573",
-        "type": "color"
+        "type": "color",
+        "value": "#872796"
       },
       "700": {
-        "value": "#434e5b",
-        "type": "color"
+        "type": "color",
+        "value": "#682172"
       },
       "800": {
-        "value": "#2f3741",
-        "type": "color"
+        "type": "color",
+        "value": "#491b50"
       },
       "900": {
-        "value": "#1b2127",
-        "type": "color"
+        "type": "color",
+        "value": "#29112c"
       },
       "950": {
-        "value": "#101418",
-        "type": "color"
+        "type": "color",
+        "value": "#1a0d1c"
       }
     }
   }