@refinedev/core 4.38.4 → 4.40.0

package/dist/interfaces/autoSave.d.ts

@@ -5,6 +5,8 @@ export declare type AutoSaveProps<TVariables> = {
         enabled: boolean;
         debounce?: number;
         onFinish?: (values: TVariables) => TVariables;
+        invalidateOnUnmount?: boolean;
+        invalidateOnClose?: boolean;
     };
 };
 export declare type AutoSaveReturnType<TData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables = {}> = {

package/dist/interfaces/autoSave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoSave.d.ts","sourceRoot":"","sources":["../../src/interfaces/autoSave.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,oBAAY,aAAa,CAAC,UAAU,IAAI;IACpC,QAAQ,CAAC,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC;KACjD,CAAC;CACL,CAAC;AAEF,oBAAY,kBAAkB,CAC1B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA,aAAa,EAAE,IAAI,CACf,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAC9C,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC9B,CAAC;IACF,gBAAgB,EAAE,CACd,MAAM,EAAE,UAAU,KACjB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,oBAAY,sBAAsB,CAC9B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9D;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE;;OAEG;IACH,MAAM,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CACpE,CAAC"}
+{"version":3,"file":"autoSave.d.ts","sourceRoot":"","sources":["../../src/interfaces/autoSave.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,oBAAY,aAAa,CAAC,UAAU,IAAI;IACpC,QAAQ,CAAC,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,UAAU,CAAC;QAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;CACL,CAAC;AAEF,oBAAY,kBAAkB,CAC1B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA,aAAa,EAAE,IAAI,CACf,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAC9C,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC9B,CAAC;IACF,gBAAgB,EAAE,CACd,MAAM,EAAE,UAAU,KACjB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,oBAAY,sBAAsB,CAC9B,KAAK,SAAS,UAAU,GAAG,UAAU,EACrC,MAAM,SAAS,SAAS,GAAG,SAAS,EACpC,UAAU,GAAG,EAAE,IACf;IACA;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9D;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE;;OAEG;IACH,MAAM,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CACpE,CAAC"}

package/dist/interfaces/index.d.ts

@@ -48,4 +48,5 @@ export * from "./bindings";
 export * from "./prettify";
 export * from "./autoSave";
 export * from "./textTransformers";
+export * from "./optimistic-update-map";
 //# sourceMappingURL=index.d.ts.map

package/dist/interfaces/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC;AACzD,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AAEtD,cAAc,2BAA2B,CAAC;AAG1C,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AAGzB,cAAc,oBAAoB,CAAC;AAGnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,aAAa,CAAC;AAG5B,cAAc,4BAA4B,CAAC;AAG3C,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,YAAY,CAAC;AAE3B,oBAAY,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AACF,MAAM,WAAW,MAAM;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAGD,oBAAY,SAAS,GAAG,aAAa,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,EAAE,CAAC;CACzB,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,cAAc,mBAAmB,CAAC;AAElC,cAAc,QAAQ,CAAC;AAEvB,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC;AACzD,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AAEtD,cAAc,2BAA2B,CAAC;AAG1C,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AAGzB,cAAc,oBAAoB,CAAC;AAGnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,aAAa,CAAC;AAG5B,cAAc,4BAA4B,CAAC;AAG3C,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,YAAY,CAAC;AAE3B,oBAAY,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IAEb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AACF,MAAM,WAAW,MAAM;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAGD,oBAAY,SAAS,GAAG,aAAa,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,EAAE,CAAC;CACzB,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,cAAc,mBAAmB,CAAC;AAElC,cAAc,QAAQ,CAAC;AAEvB,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAE3B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,yBAAyB,CAAC"}

package/dist/interfaces/optimistic-update-map.d.ts

@@ -0,0 +1,12 @@
+import { BaseKey, GetListResponse, GetManyResponse, GetOneResponse } from ".";
+export declare type OptimisticUpdateMapType<TData, TVariables> = {
+    list?: ((previous: GetListResponse<TData> | null | undefined, values: TVariables, id: BaseKey) => GetListResponse<TData> | null) | boolean;
+    many?: ((previous: GetManyResponse<TData> | null | undefined, values: TVariables, id: BaseKey) => GetManyResponse<TData> | null) | boolean;
+    detail?: ((previous: GetOneResponse<TData> | null | undefined, values: TVariables, id: BaseKey) => GetOneResponse<TData> | null) | boolean;
+};
+export declare type OptimisticUpdateManyMapType<TData, TVariables> = {
+    list?: ((previous: GetListResponse<TData> | null | undefined, values: TVariables, ids: BaseKey[]) => GetListResponse<TData> | null) | boolean;
+    many?: ((previous: GetManyResponse<TData> | null | undefined, values: TVariables, ids: BaseKey[]) => GetManyResponse<TData> | null) | boolean;
+    detail?: ((previous: GetOneResponse<TData> | null | undefined, values: TVariables, id: BaseKey) => GetOneResponse<TData> | null) | boolean;
+};
+//# sourceMappingURL=optimistic-update-map.d.ts.map

package/dist/interfaces/optimistic-update-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optimistic-update-map.d.ts","sourceRoot":"","sources":["../../src/interfaces/optimistic-update-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAE9E,oBAAY,uBAAuB,CAAC,KAAK,EAAE,UAAU,IAAI;IACrD,IAAI,CAAC,EACC,CAAC,CACG,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,EACnD,MAAM,EAAE,UAAU,EAClB,EAAE,EAAE,OAAO,KACV,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GACnC,OAAO,CAAC;IACd,IAAI,CAAC,EACC,CAAC,CACG,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,EACnD,MAAM,EAAE,UAAU,EAClB,EAAE,EAAE,OAAO,KACV,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GACnC,OAAO,CAAC;IACd,MAAM,CAAC,EACD,CAAC,CACG,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,EAClD,MAAM,EAAE,UAAU,EAClB,EAAE,EAAE,OAAO,KACV,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAClC,OAAO,CAAC;CACjB,CAAC;AAEF,oBAAY,2BAA2B,CAAC,KAAK,EAAE,UAAU,IAAI;IACzD,IAAI,CAAC,EACC,CAAC,CACG,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,EACnD,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EAAE,KACb,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GACnC,OAAO,CAAC;IACd,IAAI,CAAC,EACC,CAAC,CACG,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,EACnD,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EAAE,KACb,eAAe,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GACnC,OAAO,CAAC;IACd,MAAM,CAAC,EACD,CAAC,CACG,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,EAClD,MAAM,EAAE,UAAU,EAClB,EAAE,EAAE,OAAO,KACV,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAClC,OAAO,CAAC;CACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.38.4",
+  "version": "4.40.0",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "sideEffects": false,

package/src/hooks/data/useUpdate.ts

@@ -18,6 +18,9 @@ import {
     PreviousQuery,
     GetListResponse,
     IQueryKeys,
+    OptimisticUpdateMapType,
+    GetManyResponse,
+    GetOneResponse,
 } from "../../interfaces";
 import {
     useResource,
@@ -89,6 +92,15 @@ export type UpdateParams<TData, TError, TVariables> = {
      *  You can use it to manage the invalidations that will occur at the end of the mutation.
      */
     invalidates?: Array<keyof IQueryKeys>;
+    /**
+     * You can use it to customize the optimistic update logic.
+     * @default {
+     *   list: true,
+     *   many: true,
+     *   detail: true,
+     * }
+     */
+    optimisticUpdateMap?: OptimisticUpdateMapType<TData, TVariables>;
 } & SuccessErrorNotification<
     UpdateResponse<TData>,
     TError,
@@ -265,6 +277,7 @@ export const useUpdate = <
                 dataProviderName,
                 meta,
                 metaData,
+                optimisticUpdateMap = { list: true, many: true, detail: true },
             }) => {
                 const { identifier } = select(resourceName);
 
@@ -303,78 +316,128 @@ export const useUpdate = <
                 );
 
                 if (mutationModePropOrContext !== "pessimistic") {
-                    // Set the previous queries to the new ones:
-                    queryClient.setQueriesData(
-                        resourceKeys
-                            .action("list")
-                            .params(preferredMeta ?? {})
-                            .get(preferLegacyKeys),
-                        (previous?: GetListResponse<TData> | null) => {
-                            if (!previous) {
-                                return null;
-                            }
-                            const data = previous.data.map((record: TData) => {
-                                if (record.id?.toString() === id?.toString()) {
-                                    return {
+                    if (optimisticUpdateMap.list) {
+                        // Set the previous queries to the new ones:
+                        queryClient.setQueriesData(
+                            resourceKeys
+                                .action("list")
+                                .params(preferredMeta ?? {})
+                                .get(preferLegacyKeys),
+                            (previous?: GetListResponse<TData> | null) => {
+                                if (
+                                    typeof optimisticUpdateMap.list ===
+                                    "function"
+                                ) {
+                                    return optimisticUpdateMap.list(
+                                        previous,
+                                        values,
                                         id,
-                                        ...record,
-                                        ...values,
-                                    } as unknown as TData;
+                                    );
                                 }
-                                return record;
-                            });
 
-                            return {
-                                ...previous,
-                                data,
-                            };
-                        },
-                    );
+                                if (!previous) {
+                                    return null;
+                                }
 
-                    queryClient.setQueriesData(
-                        resourceKeys.action("many").get(preferLegacyKeys),
-                        (previous?: GetListResponse<TData> | null) => {
-                            if (!previous) {
-                                return null;
-                            }
+                                const data = previous.data.map(
+                                    (record: TData) => {
+                                        if (
+                                            record.id?.toString() ===
+                                            id?.toString()
+                                        ) {
+                                            return {
+                                                id,
+                                                ...record,
+                                                ...values,
+                                            } as unknown as TData;
+                                        }
+                                        return record;
+                                    },
+                                );
+
+                                return {
+                                    ...previous,
+                                    data,
+                                };
+                            },
+                        );
+                    }
 
-                            const data = previous.data.map((record: TData) => {
-                                if (record.id?.toString() === id?.toString()) {
-                                    record = {
+                    if (optimisticUpdateMap.many) {
+                        queryClient.setQueriesData(
+                            resourceKeys.action("many").get(preferLegacyKeys),
+                            (previous?: GetManyResponse<TData> | null) => {
+                                if (
+                                    typeof optimisticUpdateMap.many ===
+                                    "function"
+                                ) {
+                                    return optimisticUpdateMap.many(
+                                        previous,
+                                        values,
                                         id,
-                                        ...record,
-                                        ...values,
-                                    } as unknown as TData;
+                                    );
                                 }
-                                return record;
-                            });
-                            return {
-                                ...previous,
-                                data,
-                            };
-                        },
-                    );
 
-                    queryClient.setQueriesData(
-                        resourceKeys
-                            .action("one")
-                            .id(id)
-                            .params(preferredMeta ?? {})
-                            .get(preferLegacyKeys),
-                        (previous?: GetListResponse<TData> | null) => {
-                            if (!previous) {
-                                return null;
-                            }
-
-                            return {
-                                ...previous,
-                                data: {
-                                    ...previous.data,
-                                    ...values,
-                                },
-                            };
-                        },
-                    );
+                                if (!previous) {
+                                    return null;
+                                }
+
+                                const data = previous.data.map(
+                                    (record: TData) => {
+                                        if (
+                                            record.id?.toString() ===
+                                            id?.toString()
+                                        ) {
+                                            record = {
+                                                id,
+                                                ...record,
+                                                ...values,
+                                            } as unknown as TData;
+                                        }
+                                        return record;
+                                    },
+                                );
+                                return {
+                                    ...previous,
+                                    data,
+                                };
+                            },
+                        );
+                    }
+
+                    if (optimisticUpdateMap.detail) {
+                        queryClient.setQueriesData(
+                            resourceKeys
+                                .action("one")
+                                .id(id)
+                                .params(preferredMeta ?? {})
+                                .get(preferLegacyKeys),
+                            (previous?: GetOneResponse<TData> | null) => {
+                                if (
+                                    typeof optimisticUpdateMap.detail ===
+                                    "function"
+                                ) {
+                                    return optimisticUpdateMap.detail(
+                                        previous,
+                                        values,
+                                        id,
+                                    );
+                                }
+
+                                if (!previous) {
+                                    return null;
+                                }
+
+                                return {
+                                    ...previous,
+                                    data: {
+                                        ...previous.data,
+                                        ...values,
+                                    },
+                                };
+                            },
+                        );
+                    }
                 }
 
                 return {

package/src/hooks/data/useUpdateMany.ts

@@ -32,6 +32,9 @@ import {
     MetaQuery,
     GetListResponse,
     IQueryKeys,
+    OptimisticUpdateManyMapType,
+    GetManyResponse,
+    GetOneResponse,
 } from "../../interfaces";
 import {
     queryKeysReplacement,
@@ -90,6 +93,15 @@ type UpdateManyParams<TData, TError, TVariables> = {
      *  You can use it to manage the invalidations that will occur at the end of the mutation.
      */
     invalidates?: Array<keyof IQueryKeys>;
+    /**
+     * You can use it to manage the invalidations that will occur at the end of the mutation.
+     * @default {
+     *   list: true,
+     *   many: true,
+     *   detail: true,
+     * }
+     */
+    optimisticUpdateMap?: OptimisticUpdateManyMapType<TData, TVariables>;
 } & SuccessErrorNotification<
     UpdateManyResponse<TData>,
     TError,
@@ -274,8 +286,10 @@ export const useUpdateMany = <
                 dataProviderName,
                 meta,
                 metaData,
+                optimisticUpdateMap = { list: true, many: true, detail: true },
             }) => {
                 const { identifier } = select(resourceName);
+                const preferredMeta = pickNotDeprecated(meta, metaData);
 
                 const queryKey = queryKeysReplacement(preferLegacyKeys)(
                     identifier,
@@ -309,86 +323,96 @@ export const useUpdateMany = <
                 >(resourceKeys.get(preferLegacyKeys));
 
                 if (mutationModePropOrContext !== "pessimistic") {
-                    // Set the previous queries to the new ones:
-                    queryClient.setQueriesData(
-                        resourceKeys
-                            .action("list")
-                            .params(pickNotDeprecated(meta, metaData) ?? {})
-                            .get(preferLegacyKeys),
-                        (previous?: GetListResponse<TData> | null) => {
-                            if (!previous) {
-                                return null;
-                            }
-
-                            const data = previous.data.map((record: TData) => {
+                    if (optimisticUpdateMap.list) {
+                        // Set the previous queries to the new ones:
+                        queryClient.setQueriesData(
+                            resourceKeys
+                                .action("list")
+                                .params(preferredMeta ?? {})
+                                .get(preferLegacyKeys),
+                            (previous?: GetListResponse<TData> | null) => {
                                 if (
-                                    record.id !== undefined &&
-                                    ids
-                                        .filter((id) => id !== undefined)
-                                        .map(String)
-                                        .includes(record.id.toString())
+                                    typeof optimisticUpdateMap.list ===
+                                    "function"
                                 ) {
-                                    return {
-                                        ...record,
-                                        ...values,
-                                    };
+                                    return optimisticUpdateMap.list(
+                                        previous,
+                                        values,
+                                        ids,
+                                    );
                                 }
 
-                                return record;
-                            });
+                                if (!previous) {
+                                    return null;
+                                }
 
-                            return {
-                                ...previous,
-                                data,
-                            };
-                        },
-                    );
+                                const data = previous.data.map(
+                                    (record: TData) => {
+                                        if (
+                                            record.id !== undefined &&
+                                            ids
+                                                .filter(
+                                                    (id) => id !== undefined,
+                                                )
+                                                .map(String)
+                                                .includes(record.id.toString())
+                                        ) {
+                                            return {
+                                                ...record,
+                                                ...values,
+                                            };
+                                        }
+
+                                        return record;
+                                    },
+                                );
 
-                    queryClient.setQueriesData(
-                        resourceKeys.action("many").get(preferLegacyKeys),
-                        (previous?: GetListResponse<TData> | null) => {
-                            if (!previous) {
-                                return null;
-                            }
+                                return {
+                                    ...previous,
+                                    data,
+                                };
+                            },
+                        );
+                    }
 
-                            const data = previous.data.map((record: TData) => {
+                    if (optimisticUpdateMap.many) {
+                        queryClient.setQueriesData(
+                            resourceKeys.action("many").get(preferLegacyKeys),
+                            (previous?: GetManyResponse<TData> | null) => {
                                 if (
-                                    record.id !== undefined &&
-                                    ids
-                                        .filter((id) => id !== undefined)
-                                        .map(String)
-                                        .includes(record.id.toString())
+                                    typeof optimisticUpdateMap.many ===
+                                    "function"
                                 ) {
-                                    return {
-                                        ...record,
-                                        ...values,
-                                    };
+                                    return optimisticUpdateMap.many(
+                                        previous,
+                                        values,
+                                        ids,
+                                    );
                                 }
-                                return record;
-                            });
-                            return {
-                                ...previous,
-                                data,
-                            };
-                        },
-                    );
 
-                    for (const id of ids) {
-                        queryClient.setQueriesData(
-                            resourceKeys
-                                .action("one")
-                                .id(id)
-                                .params(pickNotDeprecated(meta, metaData))
-                                .get(preferLegacyKeys),
-                            (previous?: GetListResponse<TData> | null) => {
                                 if (!previous) {
                                     return null;
                                 }
 
-                                const data = {
-                                    ...previous.data,
-                                    ...values,
-                                };
+                                const data = previous.data.map(
+                                    (record: TData) => {
+                                        if (
+                                            record.id !== undefined &&
+                                            ids
+                                                .filter(
+                                                    (id) => id !== undefined,
+                                                )
+                                                .map(String)
+                                                .includes(record.id.toString())
+                                        ) {
+                                            return {
+                                                ...record,
+                                                ...values,
+                                            };
+                                        }
+                                        return record;
+                                    },
+                                );
                                 return {
                                     ...previous,
                                     data,
@@ -396,6 +420,43 @@ export const useUpdateMany = <
                             },
                         );
                     }
+
+                    if (optimisticUpdateMap.detail) {
+                        for (const id of ids) {
+                            queryClient.setQueriesData(
+                                resourceKeys
+                                    .action("one")
+                                    .id(id)
+                                    .params(preferredMeta ?? {})
+                                    .get(preferLegacyKeys),
+                                (previous?: GetOneResponse<TData> | null) => {
+                                    if (
+                                        typeof optimisticUpdateMap.detail ===
+                                        "function"
+                                    ) {
+                                        return optimisticUpdateMap.detail(
+                                            previous,
+                                            values,
+                                            id,
+                                        );
+                                    }
+
+                                    if (!previous) {
+                                        return null;
+                                    }
+
+                                    const data = {
+                                        ...previous.data,
+                                        ...values,
+                                    };
+                                    return {
+                                        ...previous,
+                                        data,
+                                    };
+                                },
+                            );
+                        }
+                    }
                 }
 
                 return {

package/src/hooks/form/useForm.ts

@@ -12,6 +12,7 @@ import {
     useOne,
     useRefineContext,
     useMeta,
+    useInvalidate,
 } from "@hooks";
 
 import {
@@ -30,6 +31,7 @@ import {
     MetaQuery,
     AutoSaveProps,
     AutoSaveReturnType,
+    OptimisticUpdateMapType,
 } from "../../interfaces";
 import {
     UpdateParams,
@@ -157,6 +159,15 @@ type ActionFormProps<
         TResponseError,
         TVariables
     >["mutationOptions"];
+    /**
+     * If you customize the [`optimisticUpdateMap`](https://refine.dev/docs/api-reference/core/hooks/data/useUpdateMany/#optimisticupdatemap) option, you can use it to manage the invalidations that will occur at the end of the mutation.
+     * @default {
+     *   list: true,
+     *   many: true,
+     *   detail: true,
+     * }
+     */
+    optimisticUpdateMap?: OptimisticUpdateMapType<TResponse, TVariables>;
 } & SuccessErrorNotification<
     UpdateResponse<TResponse> | CreateResponse<TResponse>,
     TResponseError,
@@ -256,6 +267,7 @@ export const useForm = <
     updateMutationOptions,
     overtimeOptions,
     autoSave,
+    optimisticUpdateMap,
 }: UseFormProps<
     TQueryFnData,
     TError,
@@ -271,6 +283,7 @@ export const useForm = <
     TResponse,
     TResponseError
 > => {
+    const invalidate = useInvalidate();
     const { options } = useRefineContext();
     const getMeta = useMeta();
 
@@ -456,6 +469,22 @@ export const useForm = <
         );
     };
 
+    React.useEffect(() => {
+        return () => {
+            if (
+                autoSave?.invalidateOnUnmount &&
+                autoSaveMutation.status === "success"
+            ) {
+                invalidate({
+                    id,
+                    invalidates: invalidates || ["list", "many", "detail"],
+                    dataProviderName,
+                    resource: identifier,
+                });
+            }
+        };
+    }, [autoSave?.invalidateOnUnmount, autoSaveMutation.status]);
+
     const onFinishAutoSaveMutation = (
         values: TVariables,
     ): Promise<UpdateResponse<TResponse> | void> | void => {
@@ -471,6 +500,7 @@ export const useForm = <
             metaData: { ...combinedMeta, ...mutationMeta },
             dataProviderName,
             invalidates: [],
+            mutationMode: "pessimistic",
         };
 
         return autoSaveMutation.mutate(variables, {
@@ -487,13 +517,9 @@ export const useForm = <
         });
     };
 
-    const onFinishAutoSave = React.useMemo(
-        () =>
-            debounce((allValues) => {
-                return onFinishAutoSaveMutation(allValues);
-            }, autoSave?.debounce || 1000),
-        [],
-    );
+    const onFinishAutoSave = debounce((allValues) => {
+        return onFinishAutoSaveMutation(allValues);
+    }, autoSave?.debounce || 1000);
 
     const onFinishUpdate = async (values: TVariables) => {
         setWarnWhen(false);
@@ -512,6 +538,7 @@ export const useForm = <
             metaData: { ...combinedMeta, ...mutationMeta },
             dataProviderName,
             invalidates,
+            optimisticUpdateMap,
         };
 
         const onSuccess = () => {

package/src/interfaces/autoSave.ts

@@ -6,6 +6,8 @@ export type AutoSaveProps<TVariables> = {
         enabled: boolean;
         debounce?: number;
         onFinish?: (values: TVariables) => TVariables;
+        invalidateOnUnmount?: boolean;
+        invalidateOnClose?: boolean;
     };
 };
 

package/src/interfaces/index.ts

@@ -88,3 +88,5 @@ export * from "./prettify";
 export * from "./autoSave";
 
 export * from "./textTransformers";
+
+export * from "./optimistic-update-map";