update json

Author: Sireesh P

lib/App.js

@@ -12,25 +12,46 @@ import React, { Component } from "react";
 import Routes from "./components/routes";
 import Navbar from "./components/navbar";
 import Footer from "./components/footer";
+import * as api from "react-json-schema-form/api";
+import RenderJson from "./components/renderJson";
 
 var App = function (_Component) {
   _inherits(App, _Component);
 
-  function App() {
+  function App(props) {
     _classCallCheck(this, App);
 
-    return _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).apply(this, arguments));
+    var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));
+
+    _this.state = {
+      Schema: props.Schema
+    };
+    return _this;
   }
 
   _createClass(App, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      if (!this.props.Schema && this.props.SchemaUrl) {
+        api.get(this.props.SchemaUrl, function (json) {
+          return _this2.setState({ Schema: json });
+        });
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
-      var _props = Object.assign({}, this.props),
-          Schema = _props.Schema;
-
-      var leftLinks = Schema.leftLinks,
-          rightLinks = Schema.rightLinks,
-          footer = Schema.footer;
+      if (!this.state.Schema) {
+        return null;
+      }
+      var _state$Schema = this.state.Schema,
+          leftLinks = _state$Schema.leftLinks,
+          rightLinks = _state$Schema.rightLinks,
+          footer = _state$Schema.footer,
+          logo = _state$Schema.logo,
+          others = _state$Schema.others;
 
       var routes = [].concat(_toConsumableArray(leftLinks.links), _toConsumableArray(rightLinks.links)).reduce(function (a, b) {
         return b.children ? a.concat.apply(a, _toConsumableArray(b.children)).concat(b) : a.concat(b);
@@ -44,14 +65,15 @@ var App = function (_Component) {
           metas: _.metas
         };
       });
-
+      routes.push({ url: logo.link });
       return React.createElement(
         "div",
         { className: "w3-row w3-wrapper" },
-        React.createElement(Navbar, { links: Schema }),
+        React.createElement(Navbar, { links: this.state.Schema }),
         React.createElement(
           "div",
           { className: "w3-main" },
+          React.createElement(RenderJson, { json: others }),
           React.createElement(Routes, { routeList: routes })
         ),
         React.createElement("div", { className: "w3-push" }),

lib/components/navbar/index.js

@@ -69,26 +69,34 @@ var Navbar = function (_Component) {
     key: "renderLogo",
     value: function renderLogo(logo) {
       var link = logo.link,
-          image = logo.image;
+          image = logo.image,
+          textClassName = logo.textClassName;
 
 
       return React.createElement(
         Link,
         {
-          to: link.to ? link.to : "/",
+          to: link.path ? link.path : "/",
           className: "w3-bar-item w3-button w3-wide w3-padding w3-logo-link " + link.className
         },
-        image ? React.createElement(Img, image) : image.alt ? image.alt : "Logo"
+        image ? React.createElement(Img, image) : image.alt ? image.alt : "",
+        link.text ? React.createElement(
+          "span",
+          { className: textClassName },
+          link.text
+        ) : ""
       );
     }
   }, {
     key: "renderLinks",
     value: function renderLinks(links) {
       return links.map(function (link) {
-        if (link.children && link.children.length > 0) {
-          return React.createElement(Dropdown, { link: link, key: uuid.v4() });
-        } else {
-          return React.createElement(RenderNavLink, { link: link, key: uuid.v4() });
+        if (!link.hiddenNav) {
+          if (link.children && link.children.length > 0) {
+            return React.createElement(Dropdown, { link: link, key: uuid.v4() });
+          } else {
+            return React.createElement(RenderNavLink, { link: link, key: uuid.v4() });
+          }
         }
       });
     }
@@ -116,7 +124,7 @@ var Navbar = function (_Component) {
       return React.createElement(
         "nav",
         {
-          className: "w3-sidebar w3-bar-block  w3-card-2 w3-animate-left w3-hide-medium w3-hide-large w3-theme " + mobileNavClassName + " " + this.state.mobileNavClass
+          className: "w3-sidebar w3-bar-block  w3-card-2 w3-animate-left w3-hide-medium w3-hide-large " + mobileNavClassName + " " + this.state.mobileNavClass
         },
         React.createElement(
           "a",
@@ -140,7 +148,7 @@ var Navbar = function (_Component) {
 
       return React.createElement(
         "div",
-        { className: "w3-bar w3-theme " + navbarClassName, id: "topNavbar" },
+        { className: "w3-bar " + navbarClassName, id: "topNavbar" },
         this.renderToggleNav(toggleNav),
         this.renderLogo(logo),
         this.renderNavLinks(leftLinks, "w3-left"),

lib/components/renderPage/index.js

@@ -2,7 +2,6 @@ import React from "react";
 import uuid from "uuid";
 import { Helmet } from "react-helmet";
 import RenderJson from "../renderJson";
-import { IJson, IMeta, ILink } from "../../types";
 
 var RenderPage = function RenderPage(_ref) {
   var json = _ref.json,

lib/index.js

@@ -3,10 +3,10 @@ import ReactDOM from "react-dom";
 import App from "./App";
 import { BrowserRouter } from "react-router-dom";
 import "./index.css";
-export default function initReactAPP(id, schema) {
+export default function initReactAPP(id, schema, schemaUrl) {
   ReactDOM.render(React.createElement(
     BrowserRouter,
     null,
-    React.createElement(App, { Schema: schema })
+    React.createElement(App, { Schema: schema, SchemaUrl: schemaUrl })
   ), document.getElementById(id));
-}
+}

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-w3-components",
-  "version": "1.0.5",
+  "version": "1.0.8",
   "description": "React JS W3 CSS Components and JSON Parser",
   "main": "index.js",
   "scripts": {