react-json-editor-ajrm - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

jsoninput.js

@@ -142,3 +142,3 @@ import React, { Component } from 'react';
                     <div
-                        id = 'ared7_simple_jsonviewer_labels'
+                        id = {'ared7_jsonviewer_labels' + this.props.id}
                         style = {{
@@ -573,3 +573,3 @@ display   : 'inline-block',
     onScroll(event){
-        var labels = document.getElementById('ared7_simple_jsonviewer_labels');
+        var labels = document.getElementById('ared7_jsonviewer_labels' + this.props.id);
         labels.scrollTop = event.target.scrollTop;
@@ -576,0 +576,0 @@ }

package.json

 {
   "name": "react-json-editor-ajrm",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A stylish, modular, react component for viewing, editing, json and more!",
@@ -5,0 +5,0 @@ "author": "[e-mail]",

readme.md

@@ -26,4 +26,4 @@ # react-json-editor-ajrm
 ## Latest Release Notes
-1. It is now required to pass an 'id' property to JSONInput component with a unique string.
-2. Tomorrow a website will be release so that you can interact with this component live.
+1. Light theme now included in example file.
+2. Tomorrow a website will be released so that you can interact with this component live.
 
@@ -30,0 +30,0 @@ ## Set Up

src/components/jsoninput.js

@@ -142,3 +142,3 @@ import React, { Component } from 'react';
                     <div
-                        id = 'ared7_simple_jsonviewer_labels'
+                        id = {'ared7_jsonviewer_labels' + this.props.id}
                         style = {{
@@ -573,3 +573,3 @@ display   : 'inline-block',
     onScroll(event){
-        var labels = document.getElementById('ared7_simple_jsonviewer_labels');
+        var labels = document.getElementById('ared7_jsonviewer_labels' + this.props.id);
         labels.scrollTop = event.target.scrollTop;
@@ -576,0 +576,0 @@ }

src/index.js

@@ -32,2 +32,13 @@ import React, { Component } from 'react';
 
+        const light = {
+            default         : '#3E4040',
+            background      : '#E3E9EA0D',
+            string          : '#FA7921',
+            number          : '#70CE35',
+            colon           : '#49B8F7',
+            keys            : '#59A5D8',
+            keys_whiteSpace : '#835FB6',
+            primitive       : '#386FA4'
+        }
+
         /**
@@ -34,0 +45,0 @@ * This is a sample object, passed down to JSONInput props to show placeholder.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

92351

increased by0.4%

Lines of code

1898

increased by0.53%

No dependency changes