added explicit style support for rjv container

Author: mac-s-g

README.md

@@ -44,6 +44,7 @@ Name|Type|Default|Description
 `src`|`JSON Object`|None|This property contains your input JSON
 `name`|`string`|"root"|Contains the name of your root node
 `theme`|`string`|"rjv-default"|RJV supports base-16 themes.  Check out the [list of supported themes here](https://github.com/gaearon/base16-js/tree/master/src). A custom "rjv-default" theme applies by default.
+`style`|`object`|`{}`|style attributes for react-json-view container.  Explicit style attributes will override attributes provided by a theme.
 `indentWidth`|`integer`|4|Set the indent-width for nested objects
 `collapsed`|`boolean` or `integer`|`false`|When set to `true`, all nodes will be collapsed by default.  Use an integer value to collapse at a particular depth.
 `collapseStringsAfterLength`|`integer`|`false`|When an integer value is assigned, strings will be cut off at that length. Collapsed strings are followed by an ellipsis. String content can be expanded and collapsed by clicking on the string value.

example/example.js

@@ -12,6 +12,7 @@ ReactDom.render(
     <div>
         {/* just pass in your JSON to the src attribute */}
         <JsonViewer
+        style={{padding:'30px', backgroundColor: 'white'}}
         src={getExampleJson1()}
         collapseStringsAfterLength={12}
         onEdit={(e)=>{console.log(e)}}

src/js/index.js

@@ -43,7 +43,8 @@ export default class extends React.Component {
         displayDataTypes: true,
         onEdit: false,
         onDelete: false,
-        onAdd: false
+        onAdd: false,
+        style: {}
     }
 
     getListeners = () => {
@@ -114,11 +115,11 @@ export default class extends React.Component {
     }
 
     render() {
-        const {addKeyRequest, ...props} = this.state;
+        const {addKeyRequest, style, ...props} = this.state;
         //reset key request to false once it's observed
         this.state.addKeyRequest = false;
         return (<div class="react-json-view"
-            {...Theme(props.theme, 'app-container')} >
+            style={{...Theme(props.theme, 'app-container').style, ...style}} >
             <JsonViewer {...props} type={toType(props.src)} rjvId={this.rjvId} />
             <AddKeyRequest active={addKeyRequest} theme={props.theme} rjvId={this.rjvId} />
         </div>);