@refinedev/core 4.58.0 → 5.0.1

package/src/hooks/auth/useUpdatePassword/index.ts

@@ -1,69 +1,25 @@
 import React from "react";
-
 import { getXRay } from "@refinedev/devtools-internal";
 import {
   type UseMutationOptions,
   type UseMutationResult,
   useMutation,
 } from "@tanstack/react-query";
-import qs from "qs";
 
-import { useAuthBindingsContext, useLegacyAuthContext } from "@contexts/auth";
-import {
-  useGo,
-  useKeys,
-  useNavigation,
-  useNotification,
-  useParsed,
-  useRouterContext,
-  useRouterType,
-} from "@hooks";
+import { useAuthProviderContext } from "@contexts/auth";
+import { useGo, useKeys, useNotification, useParsed } from "@hooks";
 
-import type { UpdatePasswordFormTypes } from "../../../components/pages/auth/types";
 import type {
   AuthActionResponse,
   SuccessNotificationResponse,
-  TUpdatePasswordData,
 } from "../../../contexts/auth/types";
 import type { RefineError } from "../../../contexts/data/types";
 import type { OpenNotificationParams } from "../../../contexts/notification/types";
 
-export type UseUpdatePasswordLegacyProps<
-  TVariables extends UpdatePasswordFormTypes,
-> = {
-  v3LegacyAuthProviderCompatible: true;
-  mutationOptions?: Omit<
-    UseMutationOptions<
-      TUpdatePasswordData,
-      Error | RefineError,
-      TVariables,
-      unknown
-    >,
-    "mutationFn" | "onError" | "onSuccess"
-  >;
-};
-
-export type UseUpdatePasswordProps<TVariables extends UpdatePasswordFormTypes> =
-  {
-    v3LegacyAuthProviderCompatible?: false;
-    mutationOptions?: Omit<
-      UseMutationOptions<
-        AuthActionResponse,
-        Error | RefineError,
-        TVariables,
-        unknown
-      >,
-      "mutationFn"
-    >;
-  };
-
-export type UseUpdatePasswordCombinedProps<
-  TVariables extends UpdatePasswordFormTypes,
-> = {
-  v3LegacyAuthProviderCompatible: boolean;
+export type UseUpdatePasswordProps<TVariables> = {
   mutationOptions?: Omit<
     UseMutationOptions<
-      AuthActionResponse | TUpdatePasswordData,
+      AuthActionResponse,
       Error | RefineError,
       TVariables,
       unknown
@@ -72,92 +28,39 @@ export type UseUpdatePasswordCombinedProps<
   >;
 };
 
-export type UseUpdatePasswordLegacyReturnType<
-  TVariables extends UpdatePasswordFormTypes,
-> = UseMutationResult<
-  TUpdatePasswordData,
-  Error | RefineError,
-  TVariables,
-  unknown
->;
-
-export type UseUpdatePasswordReturnType<
-  TVariables extends UpdatePasswordFormTypes,
-> = UseMutationResult<
+export type UseUpdatePasswordReturnType<TVariables> = UseMutationResult<
   AuthActionResponse,
   Error | RefineError,
   TVariables,
   unknown
 >;
 
-export type UseUpdatePasswordCombinedReturnType<
-  TVariables extends UpdatePasswordFormTypes,
-> = UseMutationResult<
-  AuthActionResponse | TUpdatePasswordData,
-  Error | RefineError,
-  TVariables,
-  unknown
->;
-
-export function useUpdatePassword<TVariables extends UpdatePasswordFormTypes>(
-  props: UseUpdatePasswordLegacyProps<TVariables>,
-): UseUpdatePasswordLegacyReturnType<TVariables>;
-
-export function useUpdatePassword<TVariables extends UpdatePasswordFormTypes>(
-  props?: UseUpdatePasswordProps<TVariables>,
-): UseUpdatePasswordReturnType<TVariables>;
-
-export function useUpdatePassword<TVariables extends UpdatePasswordFormTypes>(
-  props?: UseUpdatePasswordCombinedProps<TVariables>,
-): UseUpdatePasswordCombinedReturnType<TVariables>;
-
 /**
  * `useUpdatePassword` calls `updatePassword` method from {@link https://refine.dev/docs/api-reference/core/providers/auth-provider `authProvider`} under the hood.
  *
  * @see {@link https://refine.dev/docs/api-reference/core/hooks/auth/useUpdatePassword} for more details.
  *
- * @typeParam TData - Result data of the query
  * @typeParam TVariables - Values for mutation function. default `{}`
  *
  */
-export function useUpdatePassword<
-  TVariables extends UpdatePasswordFormTypes = {},
->({
-  v3LegacyAuthProviderCompatible,
+export function useUpdatePassword<TVariables = {}>({
   mutationOptions,
-}:
-  | UseUpdatePasswordProps<TVariables>
-  | UseUpdatePasswordLegacyProps<TVariables> = {}):
-  | UseUpdatePasswordReturnType<TVariables>
-  | UseUpdatePasswordLegacyReturnType<TVariables> {
-  const routerType = useRouterType();
-
+}: UseUpdatePasswordProps<TVariables> = {}): UseUpdatePasswordReturnType<TVariables> {
   const go = useGo();
-  const { replace } = useNavigation();
-  const { updatePassword: legacyUpdatePasswordFromContext } =
-    useLegacyAuthContext();
   const { updatePassword: updatePasswordFromContext } =
-    useAuthBindingsContext();
+    useAuthProviderContext();
   const { close, open } = useNotification();
-
-  const { keys, preferLegacyKeys } = useKeys();
-
+  const { keys } = useKeys();
   const parsed = useParsed();
-  const { useLocation } = useRouterContext();
-  const { search } = useLocation();
-
-  const params = React.useMemo(() => {
-    if (routerType === "legacy") {
-      const queryStrings = qs.parse(search, {
-        ignoreQueryPrefix: true,
-      });
-      return queryStrings ?? {};
-    }
-    return parsed.params ?? {};
-  }, [search, parsed, routerType]);
+  const params = parsed.params ?? {};
 
-  const mutation = useMutation<AuthActionResponse, Error, TVariables, unknown>({
-    mutationKey: keys().auth().action("updatePassword").get(preferLegacyKeys),
+  const mutation = useMutation<
+    AuthActionResponse,
+    Error | RefineError,
+    TVariables,
+    unknown
+  >({
+    mutationKey: keys().auth().action("updatePassword").get(),
     mutationFn: async (variables) => {
       return updatePasswordFromContext?.({
         ...params,
@@ -178,64 +81,22 @@ export function useUpdatePassword<
       }
 
       if (redirectTo) {
-        if (routerType === "legacy") {
-          replace(redirectTo);
-        } else {
-          go({ to: redirectTo, type: "replace" });
-        }
+        go({ to: redirectTo, type: "replace" });
       }
     },
     onError: (error: any) => {
       open?.(buildNotification(error));
     },
-    ...(v3LegacyAuthProviderCompatible === true ? {} : mutationOptions),
+    ...mutationOptions,
     meta: {
-      ...(v3LegacyAuthProviderCompatible === true ? {} : mutationOptions?.meta),
-      ...getXRay("useUpdatePassword", preferLegacyKeys),
+      ...mutationOptions?.meta,
+      ...getXRay("useUpdatePassword"),
     },
   });
 
-  const v3LegacyAuthProviderCompatibleMutation = useMutation<
-    TUpdatePasswordData,
-    Error | RefineError,
-    TVariables,
-    unknown
-  >({
-    mutationKey: [
-      ...keys().auth().action("updatePassword").get(preferLegacyKeys),
-      "v3LegacyAuthProviderCompatible",
-    ],
-    mutationFn: async (variables) => {
-      return legacyUpdatePasswordFromContext?.({
-        ...params,
-        ...variables,
-      });
-    },
-    onSuccess: (redirectPathFromAuth) => {
-      if (redirectPathFromAuth !== false) {
-        if (redirectPathFromAuth) {
-          if (routerType === "legacy") {
-            replace(redirectPathFromAuth);
-          } else {
-            go({ to: redirectPathFromAuth, type: "replace" });
-          }
-        }
-      }
-      close?.("update-password-error");
-    },
-    onError: (error: any) => {
-      open?.(buildNotification(error));
-    },
-    ...(v3LegacyAuthProviderCompatible ? mutationOptions : {}),
-    meta: {
-      ...(v3LegacyAuthProviderCompatible ? mutationOptions?.meta : {}),
-      ...getXRay("useUpdatePassword", preferLegacyKeys),
-    },
-  });
-
-  return v3LegacyAuthProviderCompatible
-    ? v3LegacyAuthProviderCompatibleMutation
-    : mutation;
+  return {
+    ...mutation,
+  };
 }
 
 const buildNotification = (

package/src/hooks/breadcrumb/index.ts

@@ -3,11 +3,9 @@ import React, { useContext } from "react";
 import warnOnce from "warn-once";
 
 import { I18nContext } from "@contexts/i18n";
-import { useRouterType } from "@contexts/router/picker";
-import { pickNotDeprecated } from "@definitions";
 import { getActionRoutesFromResource } from "@definitions/helpers/router";
 import { composeRoute } from "@definitions/helpers/router/compose-route";
-import { useRefineContext, useResource, useTranslate } from "@hooks";
+import { useRefineContext, useResourceParams, useTranslate } from "@hooks";
 import { useParsed } from "@hooks/router/use-parsed";
 
 import type { IResourceItem } from "../../contexts/resource/types";
@@ -33,11 +31,10 @@ type UseBreadcrumbProps = {
 export const useBreadcrumb = ({
   meta: metaFromProps = {},
 }: UseBreadcrumbProps = {}): UseBreadcrumbReturnType => {
-  const routerType = useRouterType();
   const { i18nProvider } = useContext(I18nContext);
   const parsed = useParsed();
   const translate = useTranslate();
-  const { resources, resource, action } = useResource();
+  const { action, resource, resources } = useResourceParams();
   const {
     options: { textTransformers },
   } = useRefineContext();
@@ -51,23 +48,19 @@ export const useBreadcrumb = ({
   const addBreadcrumb = (parentName: string | IResourceItem) => {
     const parentResource =
       typeof parentName === "string"
-        ? pickResource(parentName, resources, routerType === "legacy") ?? {
+        ? pickResource(parentName, resources) ?? {
             name: parentName,
           }
         : parentName;
 
     if (parentResource) {
-      const grandParentName = pickNotDeprecated(
-        parentResource?.meta?.parent,
-        parentResource?.parentName,
-      );
+      const grandParentName = parentResource?.meta?.parent;
       if (grandParentName) {
         addBreadcrumb(grandParentName);
       }
       const listActionOfResource = getActionRoutesFromResource(
         parentResource,
         resources,
-        routerType === "legacy",
       ).find((r) => r.action === "list");
 
       const hrefRaw = listActionOfResource?.resource?.list
@@ -75,27 +68,18 @@ export const useBreadcrumb = ({
         : undefined;
 
       const href = hrefRaw
-        ? routerType === "legacy"
-          ? hrefRaw
-          : composeRoute(hrefRaw, parentResource?.meta, parsed, metaFromProps)
+        ? composeRoute(hrefRaw, parentResource?.meta, parsed, metaFromProps)
         : undefined;
 
       breadcrumbs.push({
         label:
-          pickNotDeprecated(
-            parentResource.meta?.label,
-            parentResource.options?.label,
-          ) ??
+          parentResource.meta?.label ??
           translate(
             `${parentResource.name}.${parentResource.name}`,
             textTransformers.humanize(parentResource.name),
           ),
         href: href,
-        icon: pickNotDeprecated(
-          parentResource.meta?.icon,
-          parentResource.options?.icon,
-          parentResource.icon,
-        ),
+        icon: parentResource.meta?.icon,
       });
     }
   };

package/src/hooks/button/delete-button/index.tsx

@@ -38,7 +38,9 @@ export type DeleteButtonValues = {
 
 export function useDeleteButton(props: DeleteButtonProps): DeleteButtonValues {
   const translate = useTranslate();
-  const { mutate, isLoading, variables } = useDelete();
+  const {
+    mutation: { mutate, isPending, variables },
+  } = useDelete();
   const { setWarnWhen } = useWarnAboutChange();
   const { mutationMode } = useMutationMode(props.mutationMode);
 
@@ -62,7 +64,7 @@ export function useDeleteButton(props: DeleteButtonProps): DeleteButtonValues {
 
   const cancelLabel = translate("buttons.cancel", "Cancel");
 
-  const loading = id === variables?.id && isLoading;
+  const loading = id === variables?.id && isPending;
 
   const onConfirm = () => {
     if (id && identifier) {
@@ -75,7 +77,6 @@ export function useDeleteButton(props: DeleteButtonProps): DeleteButtonValues {
           successNotification: props.successNotification,
           errorNotification: props.errorNotification,
           meta: props.meta,
-          metaData: props.meta,
           dataProviderName: props.dataProviderName,
           invalidates: props.invalidates,
         },

package/src/hooks/button/navigation-button/index.tsx

@@ -1,11 +1,9 @@
 import React from "react";
 
 import { useUserFriendlyName } from "../../../definitions/helpers/useUserFriendlyName";
-import { useRouterType } from "../../../contexts/router/picker";
 import { useResourceParams } from "../../use-resource-params";
 import { useRefineOptions } from "../../use-refine-options";
 import { useButtonCanAccess } from "../button-can-access";
-import { useRouterContext } from "../../legacy-router";
 import { useNavigation } from "../../navigation";
 import { useTranslate } from "../../i18n";
 import { useLink } from "../../router";
@@ -44,9 +42,7 @@ export function useNavigationButton(
   props: NavigationButtonProps,
 ): NavigationButtonValues {
   const navigation = useNavigation();
-  const routerType = useRouterType();
   const Link = useLink();
-  const { Link: LegacyLink } = useRouterContext();
   const translate = useTranslate();
   const getUserFriendlyName = useUserFriendlyName();
   const {
@@ -66,7 +62,7 @@ export function useNavigationButton(
     resource,
   });
 
-  const LinkComponent = routerType === "legacy" ? LegacyLink : Link;
+  const LinkComponent = Link;
 
   const to = React.useMemo(() => {
     if (!resource) return "";
@@ -85,10 +81,7 @@ export function useNavigationButton(
       ? translate(
           `${identifier ?? props.resource}.titles.list`,
           getUserFriendlyName(
-            resource?.meta?.label ??
-              resource?.label ??
-              identifier ??
-              props.resource,
+            resource?.meta?.label ?? identifier ?? props.resource,
             "plural",
           ),
         )

package/src/hooks/button/refresh-button/index.tsx

@@ -3,7 +3,6 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useTranslate } from "../../i18n";
 import { useInvalidate } from "../../invalidate";
 import { useResourceParams } from "../../use-resource-params";
-import { useResource } from "../../resource";
 import { useKeys } from "../../useKeys";
 import { pickDataProvider } from "../../../definitions";
 
@@ -26,24 +25,22 @@ export function useRefreshButton(
   props: RefreshButtonProps,
 ): RefreshButtonValues {
   const translate = useTranslate();
-  const { keys, preferLegacyKeys } = useKeys();
+  const { keys } = useKeys();
 
   const queryClient = useQueryClient();
   const invalidates = useInvalidate();
 
-  const { identifier, id } = useResourceParams({
+  const { identifier, id, resources } = useResourceParams({
     resource: props.resource,
     id: props.id,
   });
 
-  const { resources } = useResource();
-
   const loading = !!queryClient.isFetching({
     queryKey: keys()
       .data(pickDataProvider(identifier, props.dataProviderName, resources))
       .resource(identifier)
       .action("one")
-      .get(preferLegacyKeys),
+      .get(),
   });
 
   const onClick = () => {

package/src/hooks/data/useApiUrl.ts

@@ -1,13 +1,11 @@
-import { pickNotDeprecated } from "@definitions/index";
-import { useDataProvider, useResource } from "@hooks";
+import { useDataProvider, useResourceParams } from "@hooks";
 
 export const useApiUrl = (dataProviderName?: string): string => {
   const dataProvider = useDataProvider();
-  const { resource } = useResource();
+  const { resource } = useResourceParams();
 
   const { getApiUrl } = dataProvider(
-    dataProviderName ??
-      pickNotDeprecated(resource?.meta, resource?.options)?.dataProviderName,
+    dataProviderName ?? resource?.meta?.dataProviderName,
   );
 
   return getApiUrl();

package/src/hooks/data/useCreate.ts

@@ -1,8 +1,4 @@
-import {
-  pickDataProvider,
-  pickNotDeprecated,
-  useActiveAuthProvider,
-} from "@definitions/helpers";
+import { pickDataProvider } from "@definitions/helpers";
 import { getXRay } from "@refinedev/devtools-internal";
 import {
   type UseMutationOptions,
@@ -20,7 +16,7 @@ import {
   useOnError,
   usePublish,
   useRefineContext,
-  useResource,
+  useResourceParams,
   useTranslate,
 } from "@hooks";
 
@@ -54,9 +50,6 @@ export type UseCreateParams<TData, TError, TVariables> = {
   meta?: MetaQuery;
   /**
    * Meta data for `dataProvider`
-   * @deprecated `metaData` is deprecated with refine@4, refine will pass `meta` instead, however, we still support `metaData` for backward compatibility.
-   */
-  metaData?: MetaQuery;
   /**
    * If there is more than one `dataProvider`, you should use the `dataProviderName` that you will use.
    */
@@ -120,7 +113,6 @@ export const useCreate = <
   errorNotification: errorNotificationFromProps,
   invalidates: invalidatesFromProps,
   meta: metaFromProps,
-  metaData: metaDataFromProps,
   mutationOptions,
   overtimeOptions,
 }: UseCreateProps<TData, TError, TVariables> = {}): UseCreateReturnType<
@@ -129,13 +121,10 @@ export const useCreate = <
   TVariables
 > &
   UseLoadingOvertimeReturnType => {
-  const authProvider = useActiveAuthProvider();
-  const { mutate: checkError } = useOnError({
-    v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
-  });
+  const { mutate: checkError } = useOnError();
   const dataProvider = useDataProvider();
   const invalidateStore = useInvalidate();
-  const { resources, select } = useResource();
+  const { resources, select } = useResourceParams();
   const translate = useTranslate();
   const publish = usePublish();
   const { log } = useLog();
@@ -144,7 +133,7 @@ export const useCreate = <
   const {
     options: { textTransformers },
   } = useRefineContext();
-  const { keys, preferLegacyKeys } = useKeys();
+  const { keys } = useKeys();
 
   const mutationResult = useMutation<
     CreateResponse<TData>,
@@ -156,7 +145,6 @@ export const useCreate = <
       resource: resourceName = resourceFromProps,
       values = valuesFromProps,
       meta = metaFromProps,
-      metaData = metaDataFromProps,
       dataProviderName = dataProviderNameFromProps,
     }: UseCreateParams<TData, TError, TVariables>) => {
       if (!values) throw missingValuesError;
@@ -166,7 +154,7 @@ export const useCreate = <
 
       const combinedMeta = getMeta({
         resource,
-        meta: pickNotDeprecated(meta, metaData),
+        meta,
       });
 
       return dataProvider(
@@ -175,7 +163,6 @@ export const useCreate = <
         resource: resource.name,
         variables: values,
         meta: combinedMeta,
-        metaData: combinedMeta,
       });
     },
     onSuccess: (data, variables, context) => {
@@ -187,7 +174,6 @@ export const useCreate = <
         invalidates = invalidatesFromProps ?? ["list", "many"],
         values = valuesFromProps,
         meta = metaFromProps,
-        metaData = metaDataFromProps,
       } = variables;
       if (!values) throw missingValuesError;
       if (!resourceName) throw missingResourceError;
@@ -203,7 +189,7 @@ export const useCreate = <
 
       const combinedMeta = getMeta({
         resource,
-        meta: pickNotDeprecated(meta, metaData),
+        meta,
       });
 
       const notificationConfig =
@@ -305,18 +291,18 @@ export const useCreate = <
 
       mutationOptions?.onError?.(err, variables, context);
     },
-    mutationKey: keys().data().mutation("create").get(preferLegacyKeys),
+    mutationKey: keys().data().mutation("create").get(),
     ...mutationOptions,
     meta: {
       ...mutationOptions?.meta,
-      ...getXRay("useCreate", preferLegacyKeys),
+      ...getXRay("useCreate"),
     },
   });
   const { mutate, mutateAsync, ...mutation } = mutationResult;
 
   const { elapsedTime } = useLoadingOvertime({
     ...overtimeOptions,
-    isLoading: mutation.isLoading,
+    isLoading: mutation.isPending,
   });
 
   // this function is used to make the `variables` parameter optional
@@ -346,7 +332,7 @@ export const useCreate = <
   };
 
   return {
-    ...mutation,
+    mutation: mutationResult,
     mutate: handleMutation,
     mutateAsync: handleMutateAsync,
     overtime: { elapsedTime },