@centreon/ui 23.10.73 → 23.10.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "23.10.73",
+  "version": "23.10.74",
   "description": "Centreon UI Components",
   "scripts": {
     "eslint": "eslint ./src --ext .js,.jsx,.ts,.tsx --max-warnings 0",

package/src/api/useMutationQuery/index.ts

@@ -21,15 +21,15 @@ export enum Method {
   PUT = 'PUT'
 }
 
-export type UseMutationQueryProps<T> = {
+export type UseMutationQueryProps<T, TMeta> = {
   catchError?: (props: CatchErrorProps) => void;
   decoder?: JsonDecoder.Decoder<T>;
   defaultFailureMessage?: string;
   fetchHeaders?: HeadersInit;
-  getEndpoint: (_meta?: Record<string, unknown> | unknown) => string;
+  getEndpoint: (_meta: TMeta) => string;
   httpCodesBypassErrorSnackbar?: Array<number>;
   method: Method;
-} & Omit<UseMutationOptions<T>, 'mutationFn'>;
+} & Omit<UseMutationOptions<T & { _meta?: TMeta }>, 'mutationFn'>;
 
 const log = anylogger('API Request');
 
@@ -38,7 +38,7 @@ export type UseMutationQueryState<T> = {
   isMutating: boolean;
 } & UseMutationResult<T | ResponseError>;
 
-const useMutationQuery = <T extends object>({
+const useMutationQuery = <T extends object, TMeta>({
   getEndpoint,
   catchError,
   decoder,
@@ -47,20 +47,24 @@ const useMutationQuery = <T extends object>({
   httpCodesBypassErrorSnackbar = [],
   method,
   onMutate,
-  onError
-}: UseMutationQueryProps<T>): UseMutationQueryState<T> => {
+  onError,
+  onSuccess
+}: UseMutationQueryProps<T, TMeta>): UseMutationQueryState<T> => {
   const { showErrorMessage } = useSnackbar();
 
-  const queryData = useMutation<T | ResponseError>(
-    // @ts-expect-error useMutation / useMutationQuery is not typed correctly
-    (_payload: Record<string, unknown> | null): Promise<T | ResponseError> => {
+  const queryData = useMutation<
+    T | ResponseError,
+    ResponseError,
+    T & { _meta: TMeta }
+  >(
+    (_payload: T & { _meta: TMeta }): Promise<T | ResponseError> => {
       const { _meta, ...payload } = _payload || {};
 
       return customFetch<T>({
         catchError,
         decoder,
         defaultFailureMessage,
-        endpoint: getEndpoint(_meta),
+        endpoint: getEndpoint(_meta as TMeta),
         headers: new Headers({
           'Content-Type': 'application/x-www-form-urlencoded',
           ...fetchHeaders
@@ -72,7 +76,8 @@ const useMutationQuery = <T extends object>({
     },
     {
       onError,
-      onMutate
+      onMutate,
+      onSuccess
     }
   );