Socket
Socket
Sign inDemoInstall

react-json-editor-ajrm

Package Overview
Dependencies
13
Maintainers
1
Versions
49
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.2 to 1.0.3

4

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 @@ }

{
"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": "andrew.redican.mejia@gmail.com",

@@ -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

@@ -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 @@ }

@@ -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.

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc