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

Comparing version 1.5.1 to 1.5.2

package.json

 {
   "name": "react-json-editor-ajrm-example",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "A simple website to showcase react-json-editor-ajrm component",
@@ -14,3 +14,3 @@ "author": "[e-mail]",
     "react-dom": "^16.2.0",
-    "react-json-editor-ajrm": "^2.3.1"
+    "react-json-editor-ajrm": "^2.4.2"
   },
@@ -17,0 +17,0 @@ "devDependencies": {

src/index.js

@@ -22,37 +22,3 @@ import React, { Component } from 'react';
     render() {
-
         /**
-         * If no colors property is passed to this component, it'll use
-         * this darkTheme as default color pallette.
-         * (Which by the way, iy looks a lot like VSCode dark theme, I am a big fan!)
-         */
-        const darkTheme = {
-            default            : '#D4D4D4',
-            background         : '#1E1E1E',
-            background_warning : '#1E1E1E',
-            string             : '#CE8453',
-            number             : '#B5CE9F',
-            colon              : '#49B8F7',
-            keys               : '#9CDCFE',
-            keys_whiteSpace    : '#AF74A5',
-            primitive          : '#6392C6'
-        };
-
-        /**
-         * Another "light" theme that you can use.
-         * Basically you can create your own theme that fits your style.
-         */
-        const lightTheme = {
-            default            : '#D4D4D4',
-            background         : '#E3E9EA1A',
-            background_warning : '#f443361A',
-            string             : '#FA7921',
-            number             : '#70CE35',
-            colon              : '#49B8F7',
-            keys               : '#59A5D8',
-            keys_whiteSpace    : '#835FB6',
-            primitive          : '#386FA4'
-        };
-        
-        /**
          * Rendeing this JSONInput component with some properties
@@ -63,5 +29,8 @@ */
                 <JSONInput
-                    id          = {'uniqueString-jsonInut'}
-                    placeholder = { sampleData }
-                    colors      = { darkTheme }
+                    id          = 'unique_string' //an id is required
+                    placeholder = {sampleData}    //data to display
+                    theme       = 'light_mitsuketa_tribute'
+                    colors      = {{
+                        string : '#DAA520' // overrides a string's theme color with whatever color value you want
+                    }}
                     height      = '550px'
@@ -68,0 +37,0 @@ />

No alert changes

Worsened metrics

Total package byte prevSize

8556

decreased by-11.24%

Lines of code

238

decreased by-10.53%

Dependency changes

• Updatedreact-json-editor-ajrm@^2.4.2