@refinedev/core 4.45.0 → 4.46.0

package/dist/interfaces/auth.d.ts

@@ -62,6 +62,11 @@ export declare type AuthPageProps<TWrapperProps extends {} = Record<keyof any, u
      * @optional
      */
     rememberMe?: React.ReactNode;
+    /**
+     * @description Can be used to hide the form components
+     * @optional
+     */
+    hideForm?: boolean;
 }> | PropsWithChildren<{
     /**
      * @description The type of the auth page.
@@ -73,6 +78,11 @@ export declare type AuthPageProps<TWrapperProps extends {} = Record<keyof any, u
      * @optional
      */
     providers?: OAuthProvider[];
+    /**
+     * @description Can be used to hide the form components
+     * @optional
+     */
+    hideForm?: boolean;
 }> | PropsWithChildren<{
     /**
      * @description The type of the auth page.
@@ -130,6 +140,7 @@ export declare type LoginPageProps<TWrapperProps extends {} = Record<keyof any,
     contentProps?: TContentProps;
     formProps?: TFormProps;
     title?: React.ReactNode;
+    hideForm?: boolean;
 }>;
 /**
  * This should be the base type for `AuthPage` `Register` component implementations in UI integrations.
@@ -142,6 +153,7 @@ export declare type RegisterPageProps<TWrapperProps extends {} = Record<keyof an
     contentProps?: TContentProps;
     formProps?: TFormProps;
     title?: React.ReactNode;
+    hideForm?: boolean;
 }>;
 /**
  * This should be the base type for `AuthPage` `Reset Password` component implementations in UI integrations.

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

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/interfaces/auth.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/interfaces/auth.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.45.0",
+  "version": "4.46.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/components/authenticated/index.tsx

@@ -11,35 +11,13 @@ import {
 import { useActiveAuthProvider } from "@definitions/index";
 import { GoConfig } from "src/interfaces";
 
-/**
- * This hook is used to avoid React's invalid setState call warning.
- * When `go` is called during the render phase, it's updating the internal router state before the render phase is finished.
- * This causes React to throw an error. This hook is used to defer the `go` call to the effect calls.
- */
-const useDeferredGo = () => {
-    const go = useGo();
-
-    const [config, setConfig] = React.useState<GoConfig | undefined>(undefined);
-
-    React.useEffect(() => {
-        if (config) {
-            go(config);
-        }
-    }, [config]);
-
-    const cb = React.useCallback(
-        (props: GoConfig) => {
-            if (!config) {
-                setConfig(props);
-            }
-        },
-        [config],
-    );
-
-    return cb;
-};
-
 export type AuthenticatedCommonProps = {
+    /**
+     * Unique key to identify the component.
+     * This is required if you have multiple `Authenticated` components at the same level.
+     * @required
+     */
+    key: React.Key;
     /**
      * Whether to redirect user if not logged in or not.
      * If not set, user will be redirected to `redirectTo` property of the `check` function's response.
@@ -79,17 +57,40 @@ export type AuthenticatedProps = {
     v3LegacyAuthProviderCompatible?: false;
 } & AuthenticatedCommonProps;
 
+/**
+ * `<Authenticated>` is the component form of {@link https://refine.dev/docs/api-reference/core/hooks/auth/useAuthenticated `useAuthenticated`}. It internally uses `useAuthenticated` to provide it's functionality.
+ *
+ * @requires {@link https://react.dev/learn/rendering-lists#why-does-react-need-keys `key`} prop if you have multiple components at the same level.
+ * In React, components don't automatically unmount and remount with prop changes, which is generally good for performance. However, for specific cases this can cause issues like unwanted content rendering (`fallback` or `children`). To solve this, assigning unique `key` values to each instance of component is necessary, forcing React to unmount and remount the component, rather than just updating its props.
+ * @example
+ *```tsx
+ * <Authenticated key="dashboard">
+ *   <h1>Dashboard Page</h1>
+ * </Authenticated>
+ *```
+ *
+ * @see {@link https://refine.dev/docs/core/components/auth/authenticated `<Authenticated>`} component for more details.
+ */
 export function Authenticated(
     props: LegacyAuthenticatedProps,
 ): JSX.Element | null;
 
-export function Authenticated(props: AuthenticatedProps): JSX.Element | null;
-
 /**
  * `<Authenticated>` is the component form of {@link https://refine.dev/docs/api-reference/core/hooks/auth/useAuthenticated `useAuthenticated`}. It internally uses `useAuthenticated` to provide it's functionality.
  *
+ * @requires {@link https://react.dev/learn/rendering-lists#why-does-react-need-keys `key`} prop if you have multiple components at the same level.
+ * In React, components don't automatically unmount and remount with prop changes, which is generally good for performance. However, for specific cases this can cause issues like unwanted content rendering (`fallback` or `children`). To solve this, assigning unique `key` values to each instance of component is necessary, forcing React to unmount and remount the component, rather than just updating its props.
+ * @example
+ *```tsx
+ * <Authenticated key="dashboard">
+ *   <h1>Dashboard Page</h1>
+ * </Authenticated>
+ *```
+ *
  * @see {@link https://refine.dev/docs/core/components/auth/authenticated `<Authenticated>`} component for more details.
  */
+export function Authenticated(props: AuthenticatedProps): JSX.Element | null;
+
 export function Authenticated({
     redirectOnFail = true,
     appendCurrentPathToQuery = true,
@@ -106,138 +107,116 @@ export function Authenticated({
 
     const parsed = useParsed();
     const go = useGo();
-    const deferredGo = useDeferredGo();
-    const { replace } = useNavigation();
     const { useLocation } = useRouterContext();
     const legacyLocation = useLocation();
 
     const {
-        isLoading,
         isFetching,
-        // isRefetching,
         isSuccess,
         data: {
             authenticated: isAuthenticatedStatus,
             redirectTo: authenticatedRedirect,
         } = {},
-        refetch,
     } = useIsAuthenticated({
         v3LegacyAuthProviderCompatible: isLegacyAuth,
     });
 
-    React.useEffect(() => {
-        /**
-         * Refetch the authentication status if the content is changed (e.g. redirected or updated)
-         *
-         * This is done to avoid re-rendering the wrappers with the same content.
-         */
-
-        refetch();
-    }, [children, fallbackContent]);
-
-    const state = React.useRef<{
-        status: "initial" | "pending" | "settled";
-        content: React.ReactNode;
-    }>({
-        status: isLoading ? "initial" : "pending",
-        content: loadingContent ?? null,
-    });
-
-    /**
-     * Update state when fetching the authentication response.
-     */
-    if (isFetching) {
-        state.current.status = "pending";
-    } else if (!isFetching) {
-        state.current.status = "settled";
-    }
-
-    /**
-     * Authentication status
-     */
+    // Authentication status
     const isAuthenticated = hasAuthProvider
         ? isLegacyAuth
             ? isSuccess
             : isAuthenticatedStatus
         : true;
 
-    if (state.current.status === "settled") {
-        /**
-         * If the state is settled, and query is resolved.
-         */
-        if (isAuthenticated) {
-            /**
-             * If user is authenticated, show the children.
-             */
-            state.current.content = <>{children ?? null}</>;
-        } else if (typeof fallbackContent !== "undefined") {
-            /**
-             * If user is not authenticated, and `fallback` is present, show the fallback content.
-             */
-            state.current.content = <>{fallbackContent}</>;
-        } else {
-            /**
-             * If there's no `fallback` content, redirect will be applied.
-             */
-
-            /**
-             * Current pathname to append to the redirect url.
-             */
-            const pathname = `${
-                isLegacyRouter ? legacyLocation?.pathname : parsed.pathname
-            }`.replace(/(\?.*|#.*)$/, "");
-
-            /**
-             * Redirect url to use, if `redirectOnFail` is set to a string,
-             * it will be used instead of `redirectTo` property of the `check` function's response.
-             */
-            const appliedRedirect = isLegacyAuth
-                ? typeof redirectOnFail === "string"
-                    ? redirectOnFail
-                    : "/login"
-                : typeof redirectOnFail === "string"
-                ? redirectOnFail
-                : (authenticatedRedirect as string | undefined);
-
-            /**
-             * Redirect if `appliedRedirect` is set.
-             */
-            if (appliedRedirect) {
-                if (isLegacyRouter) {
-                    const toQuery = appendCurrentPathToQuery
-                        ? `?to=${encodeURIComponent(pathname)}`
-                        : "";
-                    replace(`${appliedRedirect}${toQuery}`);
-                } else {
-                    deferredGo({
-                        to: appliedRedirect,
-                        query: appendCurrentPathToQuery
-                            ? {
-                                  to: parsed.params?.to
-                                      ? parsed.params.to
-                                      : go({
-                                            to: pathname,
-                                            options: { keepQuery: true },
-                                            type: "path",
-                                        }),
-                              }
-                            : undefined,
-                        type: "replace",
-                    });
-                }
-            }
-        }
+    // when there is no auth provider
+    if (!hasAuthProvider) {
+        return <>{children ?? null}</>;
     }
 
-    /**
-     * If there's no `authProvider` set, we don't need to check whether user is logged in or not.
-     */
-    if (!hasAuthProvider) {
+    // when checking authentication status
+    if (isFetching) {
+        return <>{loadingContent ?? null}</>;
+    }
+
+    // when user is authenticated return children
+    if (isAuthenticated) {
         return <>{children ?? null}</>;
     }
+    // when user is not authenticated redirect or render fallbackContent
+    else {
+        // render fallbackContent if it is exist
+        if (typeof fallbackContent !== "undefined") {
+            return <>{fallbackContent ?? null}</>;
+        }
+        // if there is no fallbackContent, redirect page
 
-    /**
-     * Returning the content based on the state, `fallback` or `children`.
-     */
-    return <>{state.current.content}</>;
+        // Redirect url to use. use redirectOnFail if it is set.
+        // Otherwise use redirectTo property of the check function's response.
+        // If both are not set, use `/login` as the default redirect url. (only for legacy auth providers)
+        const appliedRedirect = isLegacyAuth
+            ? typeof redirectOnFail === "string"
+                ? redirectOnFail
+                : "/login"
+            : typeof redirectOnFail === "string"
+            ? redirectOnFail
+            : (authenticatedRedirect as string | undefined);
+
+        // Current pathname to append to the redirect url.
+        // User will be redirected to this url after successful mutation. (like login)
+        const pathname = `${
+            isLegacyRouter ? legacyLocation?.pathname : parsed.pathname
+        }`.replace(/(\?.*|#.*)$/, "");
+        // Redirect if appliedRedirect is set, otherwise return null.
+        //  Uses `replace` for legacy router and `go` for new router.
+        if (appliedRedirect) {
+            if (isLegacyRouter) {
+                const toQuery = appendCurrentPathToQuery
+                    ? `?to=${encodeURIComponent(pathname)}`
+                    : "";
+                return <RedirectLegacy to={`${appliedRedirect}${toQuery}`} />;
+            } else {
+                return (
+                    <Redirect
+                        config={{
+                            to: appliedRedirect,
+                            query: appendCurrentPathToQuery
+                                ? {
+                                      to: parsed.params?.to
+                                          ? parsed.params.to
+                                          : go({
+                                                to: pathname,
+                                                options: { keepQuery: true },
+                                                type: "path",
+                                            }),
+                                  }
+                                : undefined,
+                            type: "replace",
+                        }}
+                    />
+                );
+            }
+        }
+
+        return null;
+    }
 }
+
+const Redirect = ({ config }: { config: GoConfig }) => {
+    const go = useGo();
+
+    React.useEffect(() => {
+        go(config);
+    }, [go, config]);
+
+    return null;
+};
+
+const RedirectLegacy = ({ to }: { to: string }) => {
+    const { replace } = useNavigation();
+
+    React.useEffect(() => {
+        replace(to);
+    }, [replace, to]);
+
+    return null;
+};