refine-mantine 1.6.1 → 1.7.0-dev.1

package/README.md

@@ -1,3 +1,5 @@
+[![Discord](https://img.shields.io/badge/Chat%20on-Discord-%235865f2)](https://discord.gg/BCGmvSSJBk)
+
 # Refine-Mantine
 
 ## Refine Mantine Components
@@ -25,3 +27,13 @@ npm i refine-mantine
 
 **Early development stage:** The project is actively being developed, and APIs or component structures may change frequently.
 Feedback, suggestions, and contributions are welcome as the project evolves.
+
+## How to Contribute
+
+- leave a star ⭐
+- report a bug 🐞
+- open a pull request 🏗️
+- help others ❤️
+- [buy me a coffee ☕](https://www.buymeacoffee.com/kruschid)
+
+<a href="https://www.buymeacoffee.com/kruschid" target="_blank"><img width="200px" src="https://cdn.buymeacoffee.com/buttons/v2/default-orange.png" alt="Buy Me A Coffee" ></a>

package/dist/index.d.ts

@@ -382,6 +382,19 @@ interface RegisterForm {
 }
 declare const RegisterPage: React.FC<RegisterPageProps>;
 //#endregion
+//#region src/pages/auth/RegistrationVerificationPage.d.ts
+interface RegistrationVerificationPageProps {
+  loginLink?: string;
+  wrapperProps?: StackProps;
+  scrollAreaProps?: ScrollAreaProps;
+  cardProps?: CardProps;
+  buttonProps?: ButtonProps;
+  icon?: ReactNode$1;
+  title?: ReactNode$1;
+  description?: ReactNode$1;
+}
+declare const RegistrationVerificationPage: React.FC<RegistrationVerificationPageProps>;
+//#endregion
 //#region src/pages/auth/UpdatePasswordPage.d.ts
 interface UpdatePasswordPageProps {
   mutationVariables?: UpdatePasswordFormTypes;
@@ -410,4 +423,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, List, ListButton, ListButtonProps, ListProps, LoginArgs, LoginPage, LoginPageProps, Message, MessageProps, NotFound, OAuthProviderMantine, OtpHandler, PhoneField, RefreshButton, RefreshButtonProps, RegisterForm, RegisterPage, RegisterPageProps, 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, DeleteButton, DeleteButtonProps, Edit, EditButton, EditButtonProps, EditProps, EmailField, Empty, ExportButton, ExportButtonProps, FileField, ForgotPasswordForm, ForgotPasswordPage, ForgotPasswordPageProps, ImportButton, ImportButtonProps, Layout, LayoutLocale, 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

@@ -1408,7 +1408,7 @@ const set = (obj, path, value) => {
 
 //#endregion
 //#region src/hooks/useForm.ts
-const useForm = ({ refineCoreProps, disableServerSideValidation: disableServerSideValidationProp = false,...rest } = {}) => {
+const useForm = ({ refineCoreProps, disableServerSideValidation: disableServerSideValidationProp = false, ...rest } = {}) => {
 	const { options } = useRefineContext();
 	const disableServerSideValidation = options?.disableServerSideValidation || disableServerSideValidationProp;
 	const translate = useTranslate();
@@ -1529,6 +1529,7 @@ const DefaultTitle = () => {
 
 //#endregion
 //#region src/pages/auth/ForgotPasswordPage.tsx
+/** biome-ignore-all lint/correctness/useUniqueElementIds: test ids for playwright */
 const ForgotPasswordPage = (p) => {
 	const translate = useTranslate();
 	const { mutate: forgotPassword, isPending } = useForgotPassword();
@@ -1886,6 +1887,52 @@ const RegisterPage = (p) => {
 	});
 };
 
+//#endregion
+//#region src/pages/auth/RegistrationVerificationPage.tsx
+const RegistrationVerificationPage = (p) => {
+	const translate = useTranslate();
+	return /* @__PURE__ */ jsx(Stack, {
+		h: "100vh",
+		align: "center",
+		justify: "center",
+		...p.wrapperProps,
+		children: /* @__PURE__ */ jsxs(ScrollArea, {
+			type: "never",
+			...p.scrollAreaProps,
+			children: [p.icon ?? /* @__PURE__ */ jsx(DefaultTitle, {}), /* @__PURE__ */ jsxs(Card, {
+				shadow: "sm",
+				padding: "lg",
+				radius: "md",
+				withBorder: true,
+				...p.cardProps,
+				children: [
+					p.title ?? /* @__PURE__ */ jsx(Title, {
+						order: 5,
+						mb: "sm",
+						ta: "center",
+						children: translate("pages.registerVerification.title", "Thank you for your registration")
+					}),
+					p.description ?? /* @__PURE__ */ jsx(Text, {
+						size: "sm",
+						ta: "center",
+						c: "dimmed",
+						children: translate("pages.registerVerification.description", "You will get an email where you can confirm your registration.")
+					}),
+					p.loginLink && /* @__PURE__ */ jsx(Button, {
+						component: Link,
+						to: p.loginLink,
+						fullWidth: true,
+						mt: "lg",
+						variant: "light",
+						...p.buttonProps,
+						children: translate("pages.registerVerification.login", "Back to login")
+					})
+				]
+			})]
+		})
+	});
+};
+
 //#endregion
 //#region src/pages/auth/UpdatePasswordPage.tsx
 const UpdatePasswordPage = (p) => {
@@ -2093,4 +2140,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, List, ListButton, LoginPage, Message, NotFound, PhoneField, RefreshButton, RegisterPage, SaveButton, Show, ShowButton, Table, UpdatePasswordPage, UrlField, notificationProvider, useForm, useOtp };
+export { AutoSaveIndicator, BooleanField, Breadcrumb, CloneButton, ColorSchemeToggle, ColumnFilter, ColumnSorter, Create, CreateButton, DateField, DeleteButton, Edit, EditButton, EmailField, Empty, ExportButton, FileField, ForgotPasswordPage, ImportButton, Layout, List, ListButton, LoginPage, Message, NotFound, PhoneField, RefreshButton, RegisterPage, RegistrationVerificationPage, SaveButton, Show, ShowButton, Table, UpdatePasswordPage, UrlField, notificationProvider, useForm, useOtp };

package/package.json

@@ -1,5 +1,6 @@
 {
   "name": "refine-mantine",
+  "version": "1.7.0-dev.1",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -18,6 +19,9 @@
     "prepare": "husky",
     "commitlint": "commitlint --edit"
   },
+  "dependencies": {
+    "@refinedev/ui-types": "^2.0.1"
+  },
   "peerDependencies": {
     "@mantine/core": "^8.3.1",
     "@mantine/form": "^8.3.1",
@@ -36,44 +40,44 @@
     "react-router-dom": "^7.0.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
     "@mantine/core": "^8.3.10",
     "@mantine/form": "^8.3.10",
     "@mantine/hooks": "^8.3.10",
     "@mantine/notifications": "^8.3.10",
-    "@refinedev/core": "^5.0.5",
+    "@refinedev/core": "^5.0.7",
     "@refinedev/react-router": "^2.0.3",
     "@refinedev/react-table": "^6.0.1",
     "@refinedev/simple-rest": "^6.0.1",
-    "@storybook/addon-storysource": "^8.6.14",
-    "@storybook/addon-themes": "^9.1.15",
-    "@storybook/react": "^9.1.15",
-    "@storybook/react-vite": "^9.1.15",
-    "@tabler/icons-react": "^3.35.0",
-    "@tanstack/react-query": "^5.90.5",
+    "@storybook/addon-docs": "^10.1.10",
+    "@storybook/addon-themes": "^10.1.10",
+    "@storybook/react": "^10.1.10",
+    "@storybook/react-vite": "^10.1.10",
+    "@tabler/icons-react": "^3.36.0",
+    "@tanstack/react-query": "^5.90.12",
     "@tanstack/react-table": "^8.21.3",
     "@types/node": "^24.9.1",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
     "dayjs": "^1.11.19",
     "husky": "^9.1.7",
     "postcss": "^8.5.6",
     "postcss-preset-mantine": "1.18.0",
     "postcss-simple-vars": "^7.0.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router": "^7.9.4",
-    "react-router-dom": "^7.9.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-router": "^7.11.0",
+    "react-router-dom": "^7.11.0",
     "semantic-release": "^25.0.2",
-    "storybook": "^9.1.15",
-    "tsdown": "^0.15.10",
+    "storybook": "^10.1.10",
+    "tsdown": "^0.18.1",
     "typescript": "^5.9.3",
-    "vite": "^7.1.12",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^7.3.0",
+    "vite-tsconfig-paths": "^6.0.2"
   },
-  "packageManager": "yarn@4.9.4",
+  "packageManager": "yarn@4.12.0",
   "files": [
     "dist",
     "src",
@@ -89,9 +93,5 @@
         "prerelease": true
       }
     ]
-  },
-  "dependencies": {
-    "@refinedev/ui-types": "^2.0.1"
-  },
-  "version": "1.6.1"
+  }
 }

package/src/index.ts

@@ -42,6 +42,7 @@ export * from "@/hooks/useOtp";
 export * from "@/pages/auth/ForgotPasswordPage";
 export * from "@/pages/auth/LoginPage";
 export * from "@/pages/auth/RegisterPage";
+export * from "@/pages/auth/RegistrationVerificationPage";
 export * from "@/pages/auth/UpdatePasswordPage";
 export * from "@/pages/NotFound";
 // providers

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

@@ -0,0 +1,12 @@
+import { RegistrationVerificationPage } from "./RegistrationVerificationPage";
+
+export default {
+  title: "Auth/RegistrationVerificationPage",
+  component: RegistrationVerificationPage,
+};
+
+export const Default = () => <RegistrationVerificationPage />;
+
+export const WithLoginLink = () => (
+  <RegistrationVerificationPage loginLink="/login" />
+);

package/src/pages/auth/RegistrationVerificationPage.tsx

@@ -0,0 +1,72 @@
+import {
+  Button,
+  type ButtonProps,
+  Card,
+  type CardProps,
+  ScrollArea,
+  type ScrollAreaProps,
+  Stack,
+  type StackProps,
+  Text,
+  Title,
+} from "@mantine/core";
+import { Link, useTranslate } from "@refinedev/core";
+import type { ReactNode } from "react";
+import { DefaultTitle } from "./DefaultTitle";
+
+export interface RegistrationVerificationPageProps {
+  loginLink?: string;
+  // props
+  wrapperProps?: StackProps;
+  scrollAreaProps?: ScrollAreaProps;
+  cardProps?: CardProps;
+  buttonProps?: ButtonProps;
+  // components
+  icon?: ReactNode;
+  title?: ReactNode;
+  description?: ReactNode;
+}
+
+export const RegistrationVerificationPage: React.FC<
+  RegistrationVerificationPageProps
+> = (p) => {
+  const translate = useTranslate();
+
+  return (
+    <Stack h="100vh" align="center" justify="center" {...p.wrapperProps}>
+      <ScrollArea type="never" {...p.scrollAreaProps}>
+        {p.icon ?? <DefaultTitle />}
+        <Card shadow="sm" padding="lg" radius="md" withBorder {...p.cardProps}>
+          {p.title ?? (
+            <Title order={5} mb="sm" ta="center">
+              {translate(
+                "pages.registerVerification.title",
+                "Thank you for your registration",
+              )}
+            </Title>
+          )}
+          {p.description ?? (
+            <Text size="sm" ta="center" c="dimmed">
+              {translate(
+                "pages.registerVerification.description",
+                "You will get an email where you can confirm your registration.",
+              )}
+            </Text>
+          )}
+          {p.loginLink && (
+            <Button
+              component={Link as React.FC<{ to: string }>}
+              to={p.loginLink}
+              fullWidth
+              mt="lg"
+              variant="light"
+              {...p.buttonProps}
+            >
+              {translate("pages.registerVerification.login", "Back to login")}
+            </Button>
+          )}
+        </Card>
+      </ScrollArea>
+    </Stack>
+  );
+};