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

Comparing version 1.0.3 to 1.0.4

jsoninput.js

@@ -22,2 +22,3 @@ import React, { Component } from 'react';
         this.state   = { 
+            preText     : '',
             markupText  : '',
@@ -57,3 +58,3 @@ plainText   : '',
                         backgroundColor : 'colors' in this.props ? 'background' in this.props.colors ? this.props.colors.background : '#1E1E1E' : '#1E1E1E',
-                        borderBottom    : '2px solid #000000'
+                        borderBottom    : '2px solid ' + ( 'colors' in this.props ? 'border' in this.props.colors ? this.props.colors.border : '#000000' : '#000000' )
                     }}
@@ -578,2 +579,3 @@ >
     componentDidUpdate(){
+        this.showPlaceholder();
         function createRange(node, chars, range) {
@@ -649,6 +651,7 @@ if (!range) {
     showPlaceholder(){
+        const { preText } = this.state;
         const _markupText = this.state.markupText;
-        if(_markupText!=='')                return;
         if(!('placeholder' in this.props))  return;
         const { placeholder } = this.props;
+        if(preText===placeholder) return;
         if(typeof placeholder !== 'object') return console.error('placeholder in props is not an object:',placeholder);
@@ -664,2 +667,3 @@ let
             ...this.state,
+            preText    : placeholder,
             plainText  : spaceText,
@@ -666,0 +670,0 @@ markupText : markupText,

package.json

 {
   "name": "react-json-editor-ajrm",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "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. Light theme now included in example file.
-2. Tomorrow a website will be released so that you can interact with this component live.
+1. Fixed: Component now re-renders when `placeholder` property is updated.
+2. Now accepts `border` property for any color theme to specify the color of the border separating the status bar and the code viewer.
 
@@ -30,0 +30,0 @@ ## Set Up

src/components/jsoninput.js

@@ -22,2 +22,3 @@ import React, { Component } from 'react';
         this.state   = { 
+            preText     : '',
             markupText  : '',
@@ -57,3 +58,3 @@ plainText   : '',
                         backgroundColor : 'colors' in this.props ? 'background' in this.props.colors ? this.props.colors.background : '#1E1E1E' : '#1E1E1E',
-                        borderBottom    : '2px solid #000000'
+                        borderBottom    : '2px solid ' + ( 'colors' in this.props ? 'border' in this.props.colors ? this.props.colors.border : '#000000' : '#000000' )
                     }}
@@ -578,2 +579,3 @@ >
     componentDidUpdate(){
+        this.showPlaceholder();
         function createRange(node, chars, range) {
@@ -649,6 +651,7 @@ if (!range) {
     showPlaceholder(){
+        const { preText } = this.state;
         const _markupText = this.state.markupText;
-        if(_markupText!=='')                return;
         if(!('placeholder' in this.props))  return;
         const { placeholder } = this.props;
+        if(preText===placeholder) return;
         if(typeof placeholder !== 'object') return console.error('placeholder in props is not an object:',placeholder);
@@ -664,2 +667,3 @@ let
             ...this.state,
+            preText    : placeholder,
             plainText  : spaceText,
@@ -666,0 +670,0 @@ markupText : markupText,

src/index.js

@@ -24,2 +24,3 @@ import React, { Component } from 'react';
             background      : '#1E1E1E',
+            border          : '#000000',
             string          : '#CE8453',
@@ -36,2 +37,3 @@ number          : '#B5CE9F',
             background      : '#E3E9EA0D',
+            border          : '#00000026',
             string          : '#FA7921',
@@ -38,0 +40,0 @@ number          : '#70CE35',

No alert changes

Improved metrics

Total package byte prevSize

92990

increased by0.69%

Lines of code

1908

increased by0.53%

No dependency changes