Feature : add Shadcn theme

[karimkhalaf]

Reasons for making this change

This PR introduces Shadcn theme support for the RJSF library, developed by @SA-GeoTech and implemented by @tuanphung2308.
The work was commissioned and funded by @SA-GeoTech, and we are contributing it back to the open-source community.
Live demo: https://react-jsonschema-form-shadcn-boilerplate.vercel.app/

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
    • Supported theme doc
      
  • 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
    

[tuanphung2308]

Update: solved conflict with package-lock.json. Also provided a playground preview with shadcn theme:
https://rjsf-shadcn-playground-demo.web.app/ (non-tailwind variant)

[heath-freenome]

@karimkhalaf I've merged a few PRs with updates and fixes from main. You'll have to rebase and update your PR. Also, checkout the new Layout Grid in the playground and update the layoutGrid.tsx in the samples directory to add your custom uiSchema for the grid to it.

[tuanphung2308]

@heath-freenome will do. working on a cleaner PR now.

[heath-freenome]

To improve ESM support you will need to change this to:

Suggested change

	"build:ts": "tsc -b",
	"build:ts": "tsc -b tsconfig.build.json && tsc-alias -p tsconfig.build.json",

And add a tsconfig.build.json that contains:

{
  "extends": "../../tsconfig.build.json",
  "compilerOptions": {
    "outDir": "./lib"
  },
  "files": [],
  "references": [
    {
      "path": "./src"
    }
  ],
  "tsc-alias": {
    "resolveFullPaths": true,
    "verbose": true,
  }
}

[heath-freenome]

Rather than use this, import each of the things you need directly from react and @radix-ui/react-select

[heath-freenome]

Rather than use this, import each of the things you need directly from react and @radix/react-separator

[tuanphung2308]

@heath-freenome Thanks for your reviewing. Will be making those changes now

[nickgros]

@rjsf/core: Summary of all failing tests
@rjsf/core:  FAIL  test/Form.test.jsx (17.927 s)
@rjsf/core:   ● Form common {"omitExtraData":false} › Form readonly prop › should readonly all items
@rjsf/core:     Expected value   2
@rjsf/core:     Received:
@rjsf/core:       0
@rjsf/core:     
@rjsf/core:     Message:
@rjsf/core:       expected { item: [Function: item],
@rjsf/core:       length: [Getter],
@rjsf/core:       keys: [Function: keys],
@rjsf/core:       values: [Function: values],
@rjsf/core:       entries: [Function: entries],
@rjsf/core:       forEach: [Function: forEach] } to have a length of 2 but got 0
@rjsf/core: 
@rjsf/core:       3048 |       });
@rjsf/core:       3049 |
@rjsf/core:     > 3050 |       expect(node.querySelectorAll('input:read-only')).to.have.length.of(2);
@rjsf/core:            |                                                                       ^
@rjsf/core:       3051 |     });
@rjsf/core:       3052 |   });
@rjsf/core:       3053 |
@rjsf/core: 
@rjsf/core:       at Object.of (test/Form.test.jsx:3050:71)
@rjsf/core:   ● Form common {"omitExtraData":true} › Form readonly prop › should readonly all items
@rjsf/core:     Expected value   2
@rjsf/core:     Received:
@rjsf/core:       0
@rjsf/core:     
@rjsf/core:     Message:
@rjsf/core:       expected { item: [Function: item],
@rjsf/core:       length: [Getter],
@rjsf/core:       keys: [Function: keys],
@rjsf/core:       values: [Function: values],
@rjsf/core:       entries: [Function: entries],
@rjsf/core:       forEach: [Function: forEach] } to have a length of 2 but got 0
@rjsf/core: 
@rjsf/core:       3048 |       });
@rjsf/core:       3049 |
@rjsf/core:     > 3050 |       expect(node.querySelectorAll('input:read-only')).to.have.length.of(2);
@rjsf/core:            |                                                                       ^
@rjsf/core:       3051 |     });
@rjsf/core:       3052 |   });
@rjsf/core:       3053 |
@rjsf/core: 
@rjsf/core:       at Object.of (test/Form.test.jsx:3050:71)
@rjsf/core:   ● Form common {"omitExtraData":true,"liveOmit":true} › Form readonly prop › should readonly all items
@rjsf/core:     Expected value   2
@rjsf/core:     Received:
@rjsf/core:       0
@rjsf/core:     
@rjsf/core:     Message:
@rjsf/core:       expected { item: [Function: item],
@rjsf/core:       length: [Getter],
@rjsf/core:       keys: [Function: keys],
@rjsf/core:       values: [Function: values],
@rjsf/core:       entries: [Function: entries],
@rjsf/core:       forEach: [Function: forEach] } to have a length of 2 but got 0
@rjsf/core: 
@rjsf/core:       3048 |       });
@rjsf/core:       3049 |
@rjsf/core:     > 3050 |       expect(node.querySelectorAll('input:read-only')).to.have.length.of(2);
@rjsf/core:            |                                                                       ^
@rjsf/core:       3051 |     });
@rjsf/core:       3052 |   });
@rjsf/core:       3053 |
@rjsf/core: 
@rjsf/core:       at Object.of (test/Form.test.jsx:3050:71)
@rjsf/core: Test Suites: 1 failed, 26 passed, 27 total
@rjsf/core: Tests:       3 failed, 1830 passed, 1833 total

[tuanphung2308]

@heath-freenome I have cleaned up all the problems and added missing JSdoc

[K-Mistele]

any ETA on this release?

[heath-freenome]

@K-Mistele within a week expect a 6.0.0-beta.1 release