Adopt new mimetype schema

Author: gnestor

labextension/src/doc.js

@@ -56,8 +56,8 @@ export class DocWidget extends Widget {
     if (this.isAttached) {
       const content = this._context.model.toString();
       try {
-        const { resources: [ props ] } = JSON.parse(content);
-        ReactDOM.render(<JSONTable {...props} />, this.node);
+        const { data, schema } = JSON.parse(content);
+        ReactDOM.render(<JSONTable data={data} schema={schema} />, this.node);
       } catch (error) {
         const ErrorDisplay = props => (
           <div

labextension/src/output.js

@@ -39,12 +39,13 @@ export class OutputWidget extends Widget {
    * A render function given the widget's DOM node.
    */
   _render() {
-    const { resources: [ props ] } = this._data.get(this._mimeType);
+    const { data, schema } = this._data.get(this._mimeType);
     // const metadata = this._metadata.get(this._mimeType);
-    if (props) ReactDOM.render(<JSONTable {...props} />, this.node);
+    // if (data) 
+    ReactDOM.render(<JSONTable data={data} schema={schema} />, this.node);
     this._data.set(
       'text/html', 
-      ReactDOMServer.renderToStaticMarkup(<JSONTable {...props} />)
+      ReactDOMServer.renderToStaticMarkup(<JSONTable data={data} schema={schema} />)
     );
   }
 }

nbextension/src/renderer.js

@@ -9,9 +9,9 @@ const CLASS_NAME = 'output_JSONTable rendered_html';
 /**
  * Render data to the output area
  */
-function render(data, node) {
-  const { resources: [ props ] } = data;
-  ReactDOM.render(<JSONTable {...props} />, node);
+function render(json, node) {
+  const { data, schema } = json;
+  ReactDOM.render(<JSONTable data={data} schema={schema} />, node);
 }
 
 /**