Add Mantine theme #4692

Algirdyz · 2025-07-17T13:13:15Z

Reasons for making this change

Trying to finalize this PR: #4560

If this is related to existing tickets, include links to them as well. Use the syntax fixes #[issue number] (ex: fixes #123).

If your PR is non-trivial and you'd like to schedule a synchronous review, please add it to the weekly meeting agenda: https://docs.google.com/document/d/12PjTvv21k6LIky6bNQVnsplMLLnmEuypTLQF8a-8Wss/edit

Checklist

I'm updating documentation
- I've checked the rendering of the Markdown text I've added
I'm adding or updating code
- I've added and/or updated tests. I've run npx nx run-many --target=build --exclude=@rjsf/docs && npm run test:update to update snapshots, if needed.
- I've updated docs if needed
- I've updated the changelog with a description of the PR
I'm adding a new feature
- I've updated the playground with an example use of the feature

packages/mantine/README.md

packages/mantine/package.json

packages/mantine/src/templates/ObjectFieldTemplate.tsx

packages/mantine/src/templates/index.ts

packages/mantine/src/widgets/DateTime/DateTimeInput.tsx

packages/mantine/src/widgets/RangeWidget.tsx

packages/mantine/src/templates/BaseInputTemplate.tsx

packages/mantine/src/templates/WrapIfAdditionalTemplate.tsx

heath-freenome · 2025-07-17T17:50:16Z

@Algirdyz Left you some feedback. Can you rebase and make sure that shadcn theme builds

Algirdyz · 2025-07-18T10:03:29Z

Rebased, and updated based on review
Fixed shadcn build. Had to add "postcss-load-config": "^6.0.1" dependency. Not sure why main builds and this doesnt.

packages/shadcn/package.json

packages/playground/src/samples/layoutGrid.tsx

heath-freenome · 2025-07-18T19:04:54Z

packages/playground/package.json

    "access": "public"
  }
-}
+}


Can you restore the blank line at the end of the file?

packages/mantine/src/widgets/TextareaWidget.tsx

nickgros · 2025-07-18T19:15:42Z

packages/mantine/package.json

+    "@mantine/core": ">=7",
+    "@mantine/hooks": ">=7",
+    "@mantine/dates": ">=7"


Are Mantine 7 and 8 totally compatible? Is Mantine 7 still supported? We want to reduce the frequency at which we have to publish breaking changes, so with that in mind, would it make sense to drop 7 and just support 8?

heath-freenome · 2025-07-18T19:17:11Z

@Algirdyz it looks like you forgot to run npm run cs-format since there are lint errors in the build. Also, I would have expected the lint-staged code to have run the linters for you. What do you see when you run npm run prepare?

Algirdyz · 2025-07-21T07:56:02Z

I am only getting this when I run npm run prepare

> prepare
> husky install

husky - install command is DEPRECATED

Algirdyz · 2025-07-21T08:29:41Z

Mantine v8 was fully compatible in this case, just had to switch the version, no code changes required.

Algirdyz · 2025-07-21T08:41:51Z

I can see that there is something wrong with the layoutgrid. I can't get the LayoutHeaderField to work properly.
Also what do you mean by screenshot? There already is a screenshot. Do you want me to replace that with the one of layoutgrid?

Algirdyz · 2025-07-21T09:09:02Z

Ok fixed layoutgrid and added screenshots, is this what you wanted?

zfarhad · 2025-07-25T10:51:47Z

@heath-freenome Sorry for my late to response on #4560, I was unable to continue working on it due to my personal life commitments

@Algirdyz Thank you for continuing this work. If you need it, I am ready to contribute to complete it now.

heath-freenome · 2025-07-25T17:04:33Z

Ok fixed layoutgrid and added screenshots, is this what you wanted?

@Algirdyz Sorry for the slow reply, busy work week. So I just wanted to see the layout grid screenshot attached as a comment to the PR rather than being code within the PR to make sure it looked right. Feel free to rebase and remove the screenshot from the actual codebase. I didn't mean to confuse you.

Algirdyz · 2025-07-29T16:30:29Z

Ah I see, I just saw this screenshot in other themes so figured you wanted it there.

packages/mantine/src/templates/ButtonTemplates/AddButton.tsx

packages/mantine/src/templates/GridTemplate.tsx

packages/mantine/src/widgets/DateTime/AltDateTimeWidget.tsx

nickgros · 2025-08-01T19:31:47Z

packages/shadcn/package.json

    "jsdom": "^20.0.3",
-    "tailwindcss": "^3.0.0"
+    "tailwindcss": "^3.0.0",
+    "postcss-load-config": "^6.0.1"


(Why) is this needed for shadcn? Unexpected in this PR

Hmm, seems to no longer be needed. Previously it would give me error building shadcn saying this package was missing. Ayway, removed it.

packages/mantine/README.md

nickgros · 2025-08-06T21:21:57Z

@Algirdyz I think you just need to fix the new snapshot test and this is good to merge!

heath-freenome · 2025-08-11T16:34:53Z

@Algirdyz I think you just need to fix the new snapshot test and this is good to merge!

Hopefully third time for getting this theme in is the charm. @Algirdyz I hope you have time to complete the work.

…tine

Co-authored-by: Nick Grosenbacher <[email protected]>

Co-authored-by: Heath C <[email protected]>

packages/docs/docs/usage/themes.md

packages/docs/docs/migration-guides/v6.x upgrade guide.md

- Minor documentation cleanup

packages/shadcn/package.json

Algirdyz marked this pull request as draft July 17, 2025 13:30

Algirdyz changed the title ~~Rjsf v6~~ Add Mantine theme Jul 17, 2025

Algirdyz mentioned this pull request Jul 17, 2025

Add Mantine theme - rjsf-v6 #4560

Closed

8 tasks

heath-freenome reviewed Jul 17, 2025

View reviewed changes

Algirdyz force-pushed the rjsf-v6 branch from 8f43d25 to 4a87449 Compare July 18, 2025 09:25

Algirdyz marked this pull request as ready for review July 18, 2025 10:02

Algirdyz force-pushed the rjsf-v6 branch from 4b43f59 to df4a183 Compare July 18, 2025 10:07

heath-freenome reviewed Jul 18, 2025

View reviewed changes

nickgros reviewed Jul 18, 2025

View reviewed changes

Algirdyz force-pushed the rjsf-v6 branch from 459031f to 0b67e36 Compare July 29, 2025 16:39

nickgros reviewed Aug 1, 2025

View reviewed changes

packages/mantine/src/templates/ButtonTemplates/AddButton.tsx Outdated Show resolved Hide resolved

nickgros reviewed Aug 1, 2025

View reviewed changes

packages/mantine/src/templates/GridTemplate.tsx Outdated Show resolved Hide resolved

nickgros reviewed Aug 1, 2025

View reviewed changes

packages/mantine/src/widgets/DateTime/AltDateTimeWidget.tsx Show resolved Hide resolved

nickgros reviewed Aug 1, 2025

View reviewed changes

packages/mantine/README.md Outdated Show resolved Hide resolved

Algirdyz requested review from heath-freenome and nickgros August 4, 2025 07:54

Algirdyz force-pushed the rjsf-v6 branch from 5c16865 to e162c1e Compare August 4, 2025 07:55

zfarhad and others added 21 commits August 13, 2025 10:57

Fix package dependencies for Mantine

73d4e4a

Various review fixes and cleanup

c0b4641

Cleanup changelog

9baaa5d

Update to main

06d219e

Removed bad linting and mui snapshot entires

1e01766

A few alignment fixes to match other themes

bdb6d37

readme update

48d9a02

Fixed shadcn build

468f96f

Added multiple usecallback hooks and multischemafieldtemplate for man…

da2b129

…tine

Updated snaps

ad97616

Updated to mantine v8 and fixed linting errors

2d34b57

Fixed layout grid and added screenshots

f783c44

Removed screenshot

462d35c

update snaps

5610c58

Dont seem to need it anymore

1eef65d

Update packages/mantine/README.md

cf5f8f4

Co-authored-by: Nick Grosenbacher <[email protected]>

Update packages/mantine/src/templates/GridTemplate.tsx

6d13c87

Co-authored-by: Nick Grosenbacher <[email protected]>

Update packages/mantine/src/templates/ButtonTemplates/AddButton.tsx

69c13eb

Co-authored-by: Nick Grosenbacher <[email protected]>

Update CHANGELOG.md

970be76

Co-authored-by: Heath C <[email protected]>

Update CHANGELOG.md

28eaa79

Co-authored-by: Heath C <[email protected]>

Update changelog, migration guide and snaps

dd0464d

Algirdyz force-pushed the rjsf-v6 branch from 5e67aa9 to dd0464d Compare August 13, 2025 08:58

Algirdyz requested a review from heath-freenome August 13, 2025 08:58

Merge branch 'main' into rjsf-v6

f3ff5d8

heath-freenome reviewed Aug 13, 2025

View reviewed changes

packages/docs/docs/usage/themes.md Outdated Show resolved Hide resolved

packages/docs/docs/migration-guides/v6.x upgrade guide.md Outdated Show resolved Hide resolved

Apply suggestions from code review

d1de5f2

- Minor documentation cleanup

heath-freenome reviewed Aug 13, 2025

View reviewed changes

packages/shadcn/package.json Outdated Show resolved Hide resolved

Update packages/shadcn/package.json

5b93477

heath-freenome approved these changes Aug 13, 2025

View reviewed changes

heath-freenome merged commit 5060539 into rjsf-team:main Aug 13, 2025
4 checks passed

Add Mantine theme #4692

Add Mantine theme #4692

Uh oh!

Conversation

Algirdyz commented Jul 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Reasons for making this change

Checklist

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

heath-freenome commented Jul 17, 2025

Uh oh!

Algirdyz commented Jul 18, 2025

Uh oh!

Uh oh!

Uh oh!

heath-freenome Jul 18, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

nickgros Jul 18, 2025

Choose a reason for hiding this comment

Uh oh!

heath-freenome commented Jul 18, 2025

Uh oh!

Algirdyz commented Jul 21, 2025

Uh oh!

Algirdyz commented Jul 21, 2025

Uh oh!

Algirdyz commented Jul 21, 2025

Uh oh!

Algirdyz commented Jul 21, 2025

Uh oh!

zfarhad commented Jul 25, 2025

Uh oh!

heath-freenome commented Jul 25, 2025

Uh oh!

Algirdyz commented Jul 29, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

nickgros Aug 1, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Algirdyz Aug 4, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

nickgros commented Aug 6, 2025

Uh oh!

heath-freenome commented Aug 11, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Algirdyz commented Jul 17, 2025 •

edited

Loading

nickgros Aug 1, 2025 •

edited

Loading