Update to jsonforms 2.0.0-rc.1

Author: edgarmueller

package-lock.json

@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@jsonforms/core": "^2.0.0-beta.4",
-    "@jsonforms/material-renderers": "^2.0.0-beta.4",
+    "@jsonforms/core": "^2.0.0-rc.1",
+    "@jsonforms/material-renderers": "^2.0.0-rc.1",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-redux": "^5.0.6",

package.json

@@ -2,8 +2,6 @@ import {connect} from 'react-redux';
 import React, {Component} from 'react';
 import logo from './logo.svg';
 import './App.css';
-import schema from './schema.json';
-import uischema from './uischema.json';
 import {DispatchRenderer, getData} from '@jsonforms/core';
 
 
@@ -25,10 +23,7 @@ class App extends Component {
         </div>
 
         <div className="demoform">
-          <DispatchRenderer
-            schema={schema}
-            uischema={uischema}
-          />
+          <DispatchRenderer />
         </div>
       </div>
     );

src/App.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import {
+  rankWith,
+  scopeEndsWith,
+  mapStateToControlProps,
+  mapDispatchToControlProps
+} from '@jsonforms/core';
+import { connect } from 'react-redux';
+import { Rating } from './Rating';
+
+export const ratingControlTester = rankWith(Number.MAX_VALUE, scopeEndsWith('rating'));
+
+const RatingControl = ({ data, handleChange, path }) => (
+  <Rating
+    value={data}
+    onClick={ev => handleChange(path, Number(ev.value))}
+  />
+);
+
+export default connect(
+  mapStateToControlProps,
+  mapDispatchToControlProps,
+)(RatingControl);

src/RatingControl.js

@@ -3,25 +3,50 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
+import { applyMiddleware, createStore } from 'redux';
+import thunk from 'redux-thunk';
 import { Provider } from 'react-redux';
-import { initJsonFormsStore, registerRenderer } from '@jsonforms/core';
 import schema from './schema.json';
 import uischema from './uischema.json';
+import { Actions, JsonForms, jsonformsReducer } from '@jsonforms/core';
 import '@jsonforms/material-renderers';
-//import RatingControl, {ratingControlTester} from './rating.control';
+import RatingControl, {ratingControlTester} from './RatingControl';
 
 const data = {
-  'name': 'Send email to Adrian',
-  'description': 'Confirm if you have passed the subject\nHerby ...',
-  'done': true,
-  'recurrence': 'Daily',
-  'rating': 3,
+  name: 'Send email to Adrian',
+  description: 'Confirm if you have passed the subject\nHereby ...',
+  done: true,
+  recurrence: 'Daily',
+  rating: 3,
 };
 
-const store = initJsonFormsStore(data, schema, uischema);
+const store = createStore(
+  jsonformsReducer(),
+  {
+    jsonforms: {
+      common: {
+        data,
+        schema,
+        uischema
+      },
+      renderers: JsonForms.renderers,
+      fields: JsonForms.fields
+    },
+  },
+  applyMiddleware(thunk)
+);
+
+store.dispatch({
+  type: Actions.INIT,
+  data,
+  schema,
+  uischema,
+});
+
+store.dispatch(Actions.validate());
 
 // Uncomment this line (and respective import) to register our custom renderer
-//store.dispatch(registerRenderer(ratingControlTester, RatingControl));
+store.dispatch(Actions.registerRenderer(ratingControlTester, RatingControl));
 
 ReactDOM.render(
   <Provider store={store}>