refine-mantine 1.7.0-dev.5 → 1.7.0-dev.7

package/dist/index.d.ts

@@ -352,6 +352,8 @@ type LoginPageProps = {
   registerLink?: string;
   forgotPasswordLink?: string;
   validate?: FormValidateInput<LoginForm>;
+  onBeforeLogin?: (args: LoginArgs) => void | Promise<void>;
+  onBeforeProviderLogin?: (args: LoginArgs) => void | Promise<void>;
   wrapperProps?: StackProps;
   scrollAreaProps?: ScrollAreaProps;
   emailFieldProps?: TextInputProps;
@@ -431,6 +433,9 @@ interface UpdatePasswordPageProps {
 }
 declare const UpdatePasswordPage: React.FC<UpdatePasswordPageProps>;
 //#endregion
+//#region src/pages/auth/DefaultTitle.d.ts
+declare const DefaultTitle: () => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/pages/NotFound.d.ts
 interface NotFoundProps {
   returnTo: string;
@@ -443,4 +448,4 @@ declare const authProvider: AuthProvider;
 //#region src/providers/notificationProvider.d.ts
 declare const notificationProvider: () => NotificationProvider;
 //#endregion
-export { AutoSaveIndicator, AutoSaveIndicatorProps, BooleanField, BooleanFieldProps, Breadcrumb, BreadcrumbProps, CloneButton, CloneButtonProps, ColorSchemeToggle, ColumnFilter, ColumnSorter, Create, CreateButton, CreateButtonProps, CreateProps, DateField, DateFieldProps, DeleteButton, DeleteButtonProps, Edit, EditButton, EditButtonProps, EditProps, EmailField, Empty, ExportButton, ExportButtonProps, FileField, ForgotPasswordForm, ForgotPasswordPage, ForgotPasswordPageProps, ImportButton, ImportButtonProps, Layout, LayoutLocale, LayoutMinimal, List, ListButton, ListButtonProps, ListProps, LoginArgs, LoginPage, LoginPageProps, Message, MessageProps, NotFound, OAuthProviderMantine, OtpHandler, PhoneField, RefreshButton, RefreshButtonProps, RegisterForm, RegisterPage, RegisterPageProps, RegistrationVerificationPage, RegistrationVerificationPageProps, SaveButton, SaveButtonProps, Show, ShowButton, ShowButtonProps, ShowProps, Table, TranslateFn, UpdatePasswordPage, UpdatePasswordPageProps, UrlField, UrlFieldProps, UseFormProps, UseFormReturnType, authProvider, notificationProvider, useForm, useOtp };
+export { AutoSaveIndicator, AutoSaveIndicatorProps, BooleanField, BooleanFieldProps, Breadcrumb, BreadcrumbProps, CloneButton, CloneButtonProps, ColorSchemeToggle, ColumnFilter, ColumnSorter, Create, CreateButton, CreateButtonProps, CreateProps, DateField, DateFieldProps, DefaultTitle, DeleteButton, DeleteButtonProps, Edit, EditButton, EditButtonProps, EditProps, EmailField, Empty, ExportButton, ExportButtonProps, FileField, ForgotPasswordForm, ForgotPasswordPage, ForgotPasswordPageProps, ImportButton, ImportButtonProps, Layout, LayoutLocale, LayoutMinimal, List, ListButton, ListButtonProps, ListProps, LoginArgs, LoginPage, LoginPageProps, Message, MessageProps, NotFound, OAuthProviderMantine, OtpHandler, PhoneField, RefreshButton, RefreshButtonProps, RegisterForm, RegisterPage, RegisterPageProps, RegistrationVerificationPage, RegistrationVerificationPageProps, SaveButton, SaveButtonProps, Show, ShowButton, ShowButtonProps, ShowProps, Table, TranslateFn, UpdatePasswordPage, UpdatePasswordPageProps, UrlField, UrlFieldProps, UseFormProps, UseFormReturnType, authProvider, notificationProvider, useForm, useOtp };

package/dist/index.js

@@ -1902,25 +1902,30 @@ const LoginPage = (p) => {
 			...p.validate
 		}
 	});
-	const handleProviderLogin = useCallback((provider) => {
-		login.mutate({
+	const handleProviderLogin = useCallback(async (provider) => {
+		const loginArgs = {
 			providerName: provider.name,
 			translate,
 			...p.mutationVariables
-		});
+		};
+		await p.onBeforeProviderLogin?.(loginArgs);
+		login.mutate(loginArgs);
 	}, [
 		login,
 		translate,
-		p.mutationVariables
+		p.mutationVariables,
+		p.onBeforeProviderLogin
 	]);
-	const handleLogin = onSubmit(({ email, password }) => {
-		login.mutate({
+	const handleLogin = onSubmit(async ({ email, password }) => {
+		const loginArgs = {
 			email,
 			password,
 			otpHandler: p.otpHandler,
 			translate,
 			...p.mutationVariables
-		});
+		};
+		await p.onBeforeLogin?.(loginArgs);
+		login.mutate(loginArgs);
 	});
 	return /* @__PURE__ */ jsx(Stack, {
 		h: "100vh",
@@ -2416,4 +2421,4 @@ const notificationProvider = () => {
 };
 
 //#endregion
-export { AutoSaveIndicator, BooleanField, Breadcrumb, CloneButton, ColorSchemeToggle, ColumnFilter, ColumnSorter, Create, CreateButton, DateField, DeleteButton, Edit, EditButton, EmailField, Empty, ExportButton, FileField, ForgotPasswordPage, ImportButton, Layout, LayoutMinimal, List, ListButton, LoginPage, Message, NotFound, PhoneField, RefreshButton, RegisterPage, RegistrationVerificationPage, SaveButton, Show, ShowButton, Table, UpdatePasswordPage, UrlField, notificationProvider, useForm, useOtp };
+export { AutoSaveIndicator, BooleanField, Breadcrumb, CloneButton, ColorSchemeToggle, ColumnFilter, ColumnSorter, Create, CreateButton, DateField, DefaultTitle, DeleteButton, Edit, EditButton, EmailField, Empty, ExportButton, FileField, ForgotPasswordPage, ImportButton, Layout, LayoutMinimal, List, ListButton, LoginPage, Message, NotFound, PhoneField, RefreshButton, RegisterPage, RegistrationVerificationPage, SaveButton, Show, ShowButton, Table, UpdatePasswordPage, UrlField, notificationProvider, useForm, useOtp };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "refine-mantine",
-  "version": "1.7.0-dev.5",
+  "version": "1.7.0-dev.7",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/index.ts

@@ -45,6 +45,7 @@ export * from "@/pages/auth/LoginPage";
 export * from "@/pages/auth/RegisterPage";
 export * from "@/pages/auth/RegistrationVerificationPage";
 export * from "@/pages/auth/UpdatePasswordPage";
+export * from "@/pages/auth/DefaultTitle";
 export * from "@/pages/NotFound";
 // providers
 export type * from "@/providers/authProvider";

package/src/pages/auth/DefaultTitle.story.tsx

@@ -0,0 +1,15 @@
+import { Stack } from "@mantine/core";
+import type { Meta } from "@storybook/react";
+import { DefaultTitle } from "./DefaultTitle";
+
+export default {
+  title: "Auth/DefaultTitle",
+  component: DefaultTitle,
+  decorators: (Story) => (
+    <Stack h="100vh" align="center" justify="center">
+      <Story />
+    </Stack>
+  ),
+} satisfies Meta<typeof DefaultTitle>;
+
+export const Basic = () => <DefaultTitle />;

package/src/pages/auth/LoginPage.tsx

@@ -49,6 +49,8 @@ export type LoginPageProps = {
   registerLink?: string;
   forgotPasswordLink?: string;
   validate?: FormValidateInput<LoginForm>;
+  onBeforeLogin?: (args: LoginArgs) => void | Promise<void>;
+  onBeforeProviderLogin?: (args: LoginArgs) => void | Promise<void>;
   // customization
   wrapperProps?: StackProps;
   scrollAreaProps?: ScrollAreaProps;
@@ -98,22 +100,26 @@ export const LoginPage: React.FC<LoginPageProps> = (p) => {
     },
   });
 
-  const handleProviderLogin = useCallback((provider: OAuthProvider) => {
-    login.mutate({
+  const handleProviderLogin = useCallback(async (provider: OAuthProvider) => {
+    const loginArgs = {
       providerName: provider.name,
       translate,
       ...p.mutationVariables
-    });
-  }, [login, translate, p.mutationVariables]);
+    };
+    await p.onBeforeProviderLogin?.(loginArgs);
+    login.mutate(loginArgs);
+  }, [login, translate, p.mutationVariables, p.onBeforeProviderLogin]);
 
-  const handleLogin = onSubmit(({ email, password }) => {
-    login.mutate({
+  const handleLogin = onSubmit(async ({ email, password }) => {
+    const loginArgs = {
       email,
       password,
       otpHandler: p.otpHandler,
       translate,
       ...p.mutationVariables,
-    });
+    };
+    await p.onBeforeLogin?.(loginArgs);
+    login.mutate(loginArgs);
   });
 
   return (