Add material-ui theme (rjsf-team#1420)

* Add material-ui theme Related to issue rjsf-team#1222 * Delete LICENSE and update README This is according to PR conversation * Move material-ui theme into themes folder and delete example folder

Author: agustin107

themes/material-ui/.gitignore

@@ -0,0 +1,8 @@
+*.log
+.DS_Store
+node_modules
+.cache
+.rts2_cache_cjs
+.rts2_cache_esm
+.rts2_cache_umd
+dist

themes/material-ui/README.md

@@ -0,0 +1,151 @@
+<!--
+*** Thanks for checking out this README Template. If you have a suggestion that would
+*** make this better please fork the repo and create a pull request or simple open
+*** an issue with the tag "enhancement".
+*** Thanks again! Now go create something AMAZING! :D
+-->
+
+<!-- PROJECT SHIELDS -->
+<!--
+*** I'm using markdown "reference style" links for readability.
+*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
+*** See the bottom of this document for the declaration of the reference variables
+*** for build-url, contributors-url, etc. This is an optional, concise syntax you may use.
+*** https://www.markdownguide.org/basic-syntax/#reference-style-links
+-->
+
+[![Build Status][build-shield]][build-url]
+[![npm][npm-shield]][npm-url]
+[![npm downloads][npm-dl-shield]][npm-dl-url]
+[![Contributors][contributors-shield]][contributors-url]
+[![MIT License][license-shield]][license-url]
+
+<!-- PROJECT LOGO -->
+<br />
+<p align="center">
+ <a href="https://github.com/cybertec-postgresql/rjsf-material-ui">
+ <img src="https://raw.githubusercontent.com/cybertec-postgresql/rjsf-material-ui/master/rjsf-material-ui-logo.png" alt="Logo" width="140" height="120">
+ </a>
+
+ <h3 align="center">rjsf-material-ui</h3>
+
+ <p align="center">
+ Material-UI theme, fields and widgets for <a href="https://github.com/mozilla-services/react-jsonschema-form/"><code>react-jsonschema-form</code></a>.
+ <br />
+ <a href="https://github.com/cybertec-postgresql/rjsf-material-ui"><strong>Explore the docs »</strong></a>
+ <br />
+ <br />
+ <a href="https://cybertec-postgresql.github.io/rjsf-material-ui/">View Playground</a>
+ ·
+ <a href="https://github.com/cybertec-postgresql/rjsf-material-ui/issues">Report Bug</a>
+ ·
+ <a href="https://github.com/cybertec-postgresql/rjsf-material-ui/issues">Request Feature</a>
+ </p>
+</p>
+
+<!-- TABLE OF CONTENTS -->
+
+## Table of Contents
+
+- [About the Project](#about-the-project)
+ - [Built With](#built-with)
+- [Getting Started](#getting-started)
+ - [Prerequisites](#prerequisites)
+ - [Installation](#installation)
+- [Usage](#usage)
+- [Roadmap](#roadmap)
+- [Contributing](#contributing)
+- [License](#license)
+- [Contact](#contact)
+
+<!-- ABOUT THE PROJECT -->
+
+## About The Project
+
+[![rjsf-material-ui Screen Shot][product-screenshot]](https://cybertec-postgresql.github.io/rjsf-material-ui)
+
+Exports `material-ui` theme, fields and widgets for `react-jsonschema-form`.
+
+### Built With
+
+- [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form/)
+- [Material-UI](https://material-ui.com/)
+- [Typescript](https://www.typescriptlang.org/)
+
+<!-- GETTING STARTED -->
+
+## Getting Started
+
+### Prerequisites
+
+- `@material-ui/core >= 4.2.0` ([in 4.2.0, the `slider` component was added to the core](https://github.com/mui-org/material-ui/pull/16416))
+- `@material-ui/icons`
+- `react-jsonschema-form >= 1.6.0` ([in 1.6.0, the `withTheme` HOC was added](https://github.com/mozilla-services/react-jsonschema-form/pull/1226))
+
+```sh
+yarn add @material-ui/core @material-ui/icons react-jsonschema-form
+```
+
+### Installation
+
+```sh
+yarn add rjsf-material-ui
+```
+
+<!-- USAGE EXAMPLES -->
+
+## Usage
+
+```javascript
+import { withTheme } from 'react-jsonschema-form';
+import { Theme as MuiTheme } from 'rjsf-material-ui';
+
+const Form = withTheme(MuiTheme);
+```
+
+or
+
+```javascript
+import MuiForm from 'rjsf-material-ui';
+```
+
+<!-- ROADMAP -->
+
+## Roadmap
+
+See the [open issues](https://cybertec-postgresql.github.io/rjsf-material-ui/issues) for a list of proposed features (and known issues).
+
+<!-- CONTRIBUTING -->
+
+## Contributing
+
+Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
+
+1. Fork the Project
+2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
+3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
+4. Push to the Branch (`git push origin feature/AmazingFeature`)
+5. Open a Pull Request
+
+<!-- CONTACT -->
+
+## Contact
+
+Cybertec TEAM - [@postgressupport](https://twitter.com/postgressupport) - office@cybertec.at - https://www.cybertec-postgresql.com
+
+Project Link: [https://cybertec-postgresql.github.io/rjsf-material-ui](https://cybertec-postgresql.github.io/rjsf-material-ui)
+
+<!-- MARKDOWN LINKS & IMAGES -->
+<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+
+[build-shield]: https://img.shields.io/circleci/build/github/cybertec-postgresql/rjsf-material-ui.svg?style=flat-square&token=a58b0890f96bff2b53eef0f4d9c9e5d16eec2200
+[build-url]: https://circleci.com/gh/cybertec-postgresql/rjsf-material-ui
+[contributors-shield]: https://img.shields.io/badge/contributors-1-orange.svg?style=flat-square
+[contributors-url]: https://github.com/cybertec-postgresql/rjsf-material-ui/graphs/contributors
+[license-shield]: https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square
+[license-url]: https://choosealicense.com/licenses/mit
+[npm-shield]: https://img.shields.io/npm/v/rjsf-material-ui/latest.svg?style=flat-square
+[npm-url]: https://www.npmjs.com/package/rjsf-material-ui
+[npm-dl-shield]: https://img.shields.io/npm/dm/rjsf-material-ui.svg?style=flat-square
+[npm-dl-url]: https://www.npmjs.com/package/rjsf-material-ui
+[product-screenshot]: https://raw.githubusercontent.com/cybertec-postgresql/rjsf-material-ui/master/screenshot.png

themes/material-ui/package.json

@@ -0,0 +1,87 @@
+{
+ "name": "rjsf-material-ui",
+ "version": "0.3.6",
+ "main": "dist/index.js",
+ "module": "dist/rjsf-material-ui.esm.js",
+ "typings": "dist/index.d.ts",
+ "description": "Material UI theme, fields and widgets for react-jsonschema-form",
+ "files": [
+ "dist"
+ ],
+ "scripts": {
+ "start": "tsdx watch",
+ "build": "tsdx build",
+ "clean": "rimraf dist",
+ "test": "tsdx test --env=jsdom",
+ "npm": "np",
+ "publish-to-npm": "run-s clean build npm"
+ },
+ "peerDependencies": {
+ "@material-ui/core": "^4.2.0",
+ "@material-ui/icons": "^4.2.1",
+ "react": ">=16",
+ "react-jsonschema-form": "^1.6.1"
+ },
+ "devDependencies": {
+ "@babel/core": "^7.0.0-0",
+ "@babel/plugin-proposal-class-properties": "^7.5.5",
+ "@babel/plugin-proposal-object-rest-spread": "^7.5.5",
+ "@babel/plugin-transform-runtime": "^7.5.5",
+ "@babel/preset-env": "^7.5.5",
+ "@babel/preset-react": "^7.0.0",
+ "@material-ui/core": "^4.2.0",
+ "@material-ui/icons": "^4.2.1",
+ "@types/jest": "^24.0.15",
+ "@types/json-schema": "^7.0.3",
+ "@types/react": "^16.8.23",
+ "@types/react-dom": "^16.8.4",
+ "@types/react-jsonschema-form": "^1.6.2",
+ "husky": "^3.0.0",
+ "np": "^5.0.3",
+ "npm-run-all": "^4.1.5",
+ "prettier": "^1.18.2",
+ "pretty-quick": "^1.11.1",
+ "react": "^16.8.6",
+ "react-dom": "^16.8.6",
+ "react-jsonschema-form": "^1.6.1",
+ "rimraf": "^2.6.3",
+ "tsdx": "^0.7.2",
+ "tslib": "^1.10.0",
+ "typescript": "^3.5.3"
+ },
+ "husky": {
+ "hooks": {
+ "pre-commit": "pretty-quick --staged"
+ }
+ },
+ "prettier": {
+ "printWidth": 80,
+ "semi": true,
+ "singleQuote": true,
+ "trailingComma": "es5"
+ },
+ "publishConfig": {
+ "access": "public"
+ },
+ "author": "Agustin N. R. Ramirez <agustin.ramirez@cybertec.at>",
+ "contributors": [
+ "Lorenz Henk <lorenz.henk@cybertec.at>"
+ ],
+ "keywords": [
+ "Material UI",
+ "react-jsonschema-form",
+ "jsonschema",
+ "json-schema",
+ "json",
+ "schema",
+ "form",
+ "react",
+ "material-ui",
+ "rjsf-material-ui"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/cybertec-postgresql/rjsf-material-ui.git"
+ },
+ "license": "MIT"
+}

themes/material-ui/rjsf-material-ui-logo.png

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { AddButtonProps } from 'react-jsonschema-form';
+
+import Button from '@material-ui/core/Button';
+import AddIcon from '@material-ui/icons/Add';
+
+const AddButton: React.FC<AddButtonProps> = props => (
+ <Button {...props} color="secondary">
+ <AddIcon /> Add Item
+ </Button>
+);
+
+export default AddButton;

themes/material-ui/screenshot.png

@@ -0,0 +1,2 @@
+export { default } from './AddButton';
+export * from './AddButton';