@refinedev/core 4.55.0 → 4.56.0

package/package.json

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

package/src/components/link/index.tsx

@@ -13,9 +13,7 @@ type LinkPropsWithTo = {
 };
 
 export type LinkProps<TProps = {}> = React.PropsWithChildren<
-  (LinkPropsWithGo | LinkPropsWithTo) &
-    React.AnchorHTMLAttributes<HTMLAnchorElement> &
-    TProps
+  (LinkPropsWithGo | LinkPropsWithTo) & TProps
 >;
 
 /**
@@ -25,7 +23,7 @@ export type LinkProps<TProps = {}> = React.PropsWithChildren<
  */
 const LinkComponent = <TProps = {}>(
   props: LinkProps<TProps>,
-  ref: Ref<HTMLAnchorElement>,
+  ref: Ref<Element>,
 ) => {
   const routerContext = useContext(RouterContext);
   const LinkFromContext = routerContext?.Link;
@@ -33,9 +31,6 @@ const LinkComponent = <TProps = {}>(
   const goFunction = useGo();
 
   let resolvedTo = "";
-  if ("to" in props) {
-    resolvedTo = props.to;
-  }
   if ("go" in props) {
     if (!routerContext?.go) {
       warnOnce(
@@ -45,6 +40,9 @@ const LinkComponent = <TProps = {}>(
     }
     resolvedTo = goFunction({ ...props.go, type: "path" }) as string;
   }
+  if ("to" in props) {
+    resolvedTo = props.to;
+  }
 
   if (LinkFromContext) {
     return (
@@ -70,5 +68,5 @@ const LinkComponent = <TProps = {}>(
 };
 
 export const Link = forwardRef(LinkComponent) as <T = {}>(
-  props: LinkProps<T> & { ref?: Ref<HTMLAnchorElement> },
+  props: LinkProps<T> & { ref?: Ref<Element> },
 ) => ReturnType<typeof LinkComponent>;

package/src/components/pages/auth/components/forgotPassword/index.tsx

@@ -27,6 +27,7 @@ export const ForgotPasswordPage: React.FC<ForgotPasswordProps> = ({
   renderContent,
   formProps,
   title = undefined,
+  mutationVariables,
 }) => {
   const translate = useTranslate();
   const routerType = useRouterType();
@@ -53,7 +54,7 @@ export const ForgotPasswordPage: React.FC<ForgotPasswordProps> = ({
       <form
         onSubmit={(e) => {
           e.preventDefault();
-          forgotPassword({ email });
+          forgotPassword({ ...mutationVariables, email });
         }}
         {...formProps}
       >

package/src/components/pages/auth/components/login/index.tsx

@@ -25,6 +25,7 @@ export const LoginPage: React.FC<LoginProps> = ({
   formProps,
   title = undefined,
   hideForm,
+  mutationVariables,
 }) => {
   const routerType = useRouterType();
   const Link = useLink();
@@ -62,6 +63,7 @@ export const LoginPage: React.FC<LoginProps> = ({
           <button
             onClick={() =>
               login({
+                ...mutationVariables,
                 providerName: provider.name,
               })
             }
@@ -91,7 +93,7 @@ export const LoginPage: React.FC<LoginProps> = ({
           <form
             onSubmit={(e) => {
               e.preventDefault();
-              login({ email, password, remember });
+              login({ ...mutationVariables, email, password, remember });
             }}
             {...formProps}
           >

package/src/components/pages/auth/components/register/index.tsx

@@ -28,6 +28,7 @@ export const RegisterPage: React.FC<RegisterProps> = ({
   formProps,
   title = undefined,
   hideForm,
+  mutationVariables,
 }) => {
   const routerType = useRouterType();
   const Link = useLink();
@@ -64,6 +65,7 @@ export const RegisterPage: React.FC<RegisterProps> = ({
           <button
             onClick={() =>
               register({
+                ...mutationVariables,
                 providerName: provider.name,
               })
             }
@@ -93,7 +95,7 @@ export const RegisterPage: React.FC<RegisterProps> = ({
           <form
             onSubmit={(e) => {
               e.preventDefault();
-              register({ email, password });
+              register({ ...mutationVariables, email, password });
             }}
             {...formProps}
           >

package/src/components/pages/auth/components/updatePassword/index.tsx

@@ -21,6 +21,7 @@ export const UpdatePasswordPage: React.FC<UpdatePasswordProps> = ({
   renderContent,
   formProps,
   title = undefined,
+  mutationVariables,
 }) => {
   const translate = useTranslate();
 
@@ -43,6 +44,7 @@ export const UpdatePasswordPage: React.FC<UpdatePasswordProps> = ({
         onSubmit={(e) => {
           e.preventDefault();
           updatePassword({
+            ...mutationVariables,
             password: newPassword,
             confirmPassword,
           });

package/src/components/pages/auth/types.tsx

@@ -144,6 +144,10 @@ export type AuthPageProps<
    * @optional
    *  */
   title?: React.ReactNode;
+  /**
+   * @description Can be used to pass additional variables to the mutation. This is useful when you need to pass other variables to the authProvider.
+   */
+  mutationVariables?: Record<string, any>;
 };
 
 /**
@@ -167,6 +171,7 @@ export type LoginPageProps<
   formProps?: TFormProps;
   title?: React.ReactNode;
   hideForm?: boolean;
+  mutationVariables?: Record<string, unknown>;
 }>;
 
 /**
@@ -188,6 +193,7 @@ export type RegisterPageProps<
   formProps?: TFormProps;
   title?: React.ReactNode;
   hideForm?: boolean;
+  mutationVariables?: Record<string, unknown>;
 }>;
 
 /**
@@ -207,6 +213,7 @@ export type ForgotPasswordPageProps<
   contentProps?: TContentProps;
   formProps?: TFormProps;
   title?: React.ReactNode;
+  mutationVariables?: Record<string, unknown>;
 }>;
 
 /**
@@ -225,4 +232,5 @@ export type UpdatePasswordPageProps<
   contentProps?: TContentProps;
   formProps?: TFormProps;
   title?: React.ReactNode;
+  mutationVariables?: Record<string, unknown>;
 }>;

package/src/contexts/metaContext/index.tsx

@@ -0,0 +1,45 @@
+import React, {
+  type ReactNode,
+  createContext,
+  useContext,
+  useMemo,
+} from "react";
+
+type MetaContextValue = Record<string, any>;
+
+export const MetaContext = createContext<MetaContextValue>({});
+
+/**
+ * Is used to provide meta data to the children components.
+ * @internal
+ */
+export const MetaContextProvider = ({
+  children,
+  value,
+}: { children: ReactNode; value: MetaContextValue }) => {
+  const currentValue = useMetaContext();
+
+  const metaContext = useMemo(() => {
+    return {
+      ...currentValue,
+      ...value,
+    };
+  }, [currentValue, value]);
+
+  return (
+    <MetaContext.Provider value={metaContext}>{children}</MetaContext.Provider>
+  );
+};
+
+/**
+ * @internal
+ * @returns The MetaContext value.
+ */
+export const useMetaContext = () => {
+  const context = useContext(MetaContext);
+  if (!context) {
+    throw new Error("useMetaContext must be used within a MetaContextProvider");
+  }
+
+  return useContext(MetaContext);
+};

package/src/hooks/auth/index.ts

@@ -8,3 +8,4 @@ export { useUpdatePassword } from "./useUpdatePassword";
 export { useAuthenticated, useIsAuthenticated } from "./useIsAuthenticated";
 export { useCheckError, useOnError } from "./useOnError";
 export { useIsExistAuthentication } from "./useIsExistAuthentication";
+export { useInvalidateAuthStore } from "./useInvalidateAuthStore";

package/src/hooks/useMeta/index.ts

@@ -1,3 +1,4 @@
+import { useMetaContext } from "@contexts/metaContext";
 import { sanitizeResource } from "@definitions/helpers/sanitize-resource";
 import { useParsed } from "@hooks/router";
 
@@ -6,12 +7,14 @@ import type { IResourceItem } from "../../contexts/resource/types";
 
 /**
  * Hook that returns a function to get meta.
- * The meta is a combination of the resource meta, hook meta and query params.
+ * The meta is a combination of the resource meta, hook meta, query params and metaContext value.
  * @internal
  */
 export const useMeta = () => {
   const { params } = useParsed();
 
+  const metaContext = useMetaContext();
+
   const getMetaFn = ({
     resource,
     meta: metaFromProp,
@@ -30,7 +33,18 @@ export const useMeta = () => {
       ...additionalParams
     } = params ?? {};
 
-    return { ...meta, ...additionalParams, ...metaFromProp };
+    const result: Record<string, unknown> = {
+      ...meta,
+      ...additionalParams,
+      ...metaFromProp,
+    };
+
+    // when MultiTenancyProvider from "@refinedev-ee/multi-tenancy" is provided, we need to add tenantId to the meta
+    if (metaContext?.tenantId) {
+      result["tenantId"] = metaContext.tenantId;
+    }
+
+    return result;
   };
 
   return getMetaFn;

package/src/index.tsx

@@ -224,3 +224,8 @@ export {
 } from "./contexts/undoableQueue/types.js";
 
 export { IUnsavedWarnContext } from "./contexts/unsavedWarn/types.js";
+
+export {
+  MetaContextProvider,
+  useMetaContext,
+} from "./contexts/metaContext/index.js";