diff --git a/dist/index.es.js b/dist/index.es.js
index a5522c4..3aebaad 100644
--- a/dist/index.es.js
+++ b/dist/index.es.js
@@ -295,7 +295,7 @@ var JSONViewer = function (_Component) {
value: function arrayToTable(obj) {
var _this4 = this;
- if (util_3(obj) === 'Array' && obj.length === ZERO) {
+ if (util_3(obj) === 'Array' && obj.length === 0) {
return '[ ]';
} else {
return React.createElement(
@@ -307,7 +307,7 @@ var JSONViewer = function (_Component) {
util_1(obj, function (v, key) {
return React.createElement(
'tr',
- _this4.props.trProps,
+ _extends({ key: key }, _this4.props.trProps),
React.createElement(
'td',
_extends({}, _this4.props.tdProps, { style: _this4.constructor.styles.td }),
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
index b0b31bc..8882b6c 100644
--- a/dist/index.es.js.map
+++ b/dist/index.es.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/util.js","../src/ValueViewer.js","../src/index.js"],"sourcesContent":["/**\n * Created by narendrasisodiya on 28/10/16.\n */\n\nvar ONE = 1;\nvar loopObject = function loopObject(obj, cb, sorted) {\n var keys = Object.keys(obj);\n if (sorted === true) {\n keys.sort();\n }\n return keys.map(function(key) {\n return cb(obj[key], key);\n });\n};\nvar getSortedKeyString = function getSortedKeyString(obj) {\n return Object.keys(obj)\n .sort()\n .join(',');\n};\nvar getType = function(val) {\n return Object.prototype.toString.call(val).replace(/^\\[object\\s(.*)\\]$/, '$1');\n};\nvar getFirstEle = function getFirstEle(obj) {\n return obj[Object.keys(obj)[0]];\n};\n\nvar allValuesSameInArray = function(arr) {\n for (var i = 1; i < arr.length; i++) {\n if (arr[i] !== arr[0]) {\n return false;\n }\n }\n return true;\n};\n\nvar checkIfArrayIsAOB = function checkIfArrayIsAOB(obj) {\n if (getType(obj) === 'Array' && obj.length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\nvar checkIfObjectIsOOB = function checkIfObjectIsOOB(obj) {\n if (getType(obj) === 'Object' && Object.keys(obj).length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\n\nmodule.exports = {\n loopObject,\n getSortedKeyString,\n getType,\n getFirstEle,\n allValuesSameInArray,\n checkIfArrayIsAOB,\n checkIfObjectIsOOB,\n};\n","import React, { Component } from 'react';\n\nimport PropTypes from 'prop-types';\nimport { getType } from './util';\n\nclass ValueViewer extends Component {\n constructor(props, context) {\n super(props, context);\n }\n\n r() {\n switch (getType(this.props.value)) {\n case 'String':\n return {`\"${this.props.value}\"`};\n case 'Boolean':\n return {`${this.props.value}`};\n case 'Number':\n return {`${this.props.value}`};\n case 'Undefined':\n return {'undefined'};\n case 'Null':\n return {'null'};\n case 'Date':\n return {`${JSON.stringify(this.props.value)}`};\n default:\n return {`${this.props.value}`};\n }\n }\n\n render() {\n return {this.r()};\n }\n}\nValueViewer.propTypes = {\n value: PropTypes.any,\n};\nValueViewer.defaultProps = {};\nexport default ValueViewer;\n","import React, { Component } from 'react';\nimport { checkIfArrayIsAOB, checkIfObjectIsOOB, getFirstEle, getType, loopObject } from './util';\n\nimport PropTypes from 'prop-types';\nimport ValueViewer from './ValueViewer';\n\nexport default class JSONViewer extends Component {\n static propTypes = {\n json: PropTypes.any.isRequired,\n tableProps: PropTypes.object,\n trProps: PropTypes.object,\n tdProps: PropTypes.object,\n thProps: PropTypes.object,\n tbodyProps: PropTypes.object,\n theadProps: PropTypes.object,\n };\n\n static styles = {\n td: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n },\n th: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n fontWeight: 'bold',\n },\n };\n static defaultProps = {};\n\n renderHeaderByKeys(keys, addExtra) {\n return (\n \n \n {(() => {\n if (addExtra === 'addExtra') {\n return (\n | \n \n | \n );\n }\n })()}\n {keys.map((key, i) => {\n return (\n \n {key}\n | \n );\n })}\n
\n \n );\n }\n\n objToTable(obj) {\n if (JSON.stringify(obj) === '{}') {\n return '{ }';\n } else {\n return (\n \n {this.renderHeaderByKeys(Object.keys(obj))}\n \n \n {loopObject(obj, (v, key) => {\n return this.renderTd(v, key);\n })}\n
\n \n
\n );\n }\n }\n\n arrayToTable(obj) {\n if (getType(obj) === 'Array' && obj.length === ZERO) {\n return '[ ]';\n } else {\n return (\n \n \n {loopObject(obj, (v, key) => {\n return (\n \n | {`${key}`} | \n {this.renderTd(v, key)}\n
\n );\n })}\n \n
\n );\n }\n }\n\n oobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)), 'addExtra')}\n \n {loopObject(aob, (row, j) => {\n return (\n \n | \n \n | \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n renderTd(guess, index) {\n return (\n \n {this.decideAndRender(guess)}\n | \n );\n }\n decideAndRender(guess) {\n if (getType(guess) === 'Array') {\n if (checkIfArrayIsAOB(guess)) {\n return this.aobToTable(guess);\n } else {\n return this.arrayToTable(guess);\n }\n }\n if (getType(guess) === 'Object') {\n if (checkIfObjectIsOOB(guess)) {\n return this.oobToTable(guess);\n } else {\n return this.objToTable(guess);\n }\n } else {\n return ;\n }\n }\n\n aobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)))}\n \n {loopObject(aob, (row, j) => {\n return (\n \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n\n render() {\n return {this.decideAndRender(this.props.json)}
;\n }\n}\n"],"names":["ONE","loopObject","obj","cb","sorted","keys","Object","sort","map","key","getSortedKeyString","join","getType","val","prototype","toString","call","replace","getFirstEle","allValuesSameInArray","arr","i","length","checkIfArrayIsAOB","test","row","checkIfObjectIsOOB","module","ValueViewer","props","context","value","color","JSON","stringify","r","Component","propTypes","PropTypes","any","defaultProps","JSONViewer","addExtra","theadProps","trProps","thProps","constructor","styles","td","tdProps","tableProps","renderHeaderByKeys","v","renderTd","ZERO","aob","j","guess","index","decideAndRender","aobToTable","arrayToTable","oobToTable","objToTable","tbodyProps","json","isRequired","object"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"index.es.js","sources":["../src/util.js","../src/ValueViewer.js","../src/index.js"],"sourcesContent":["/**\n * Created by narendrasisodiya on 28/10/16.\n */\n\nvar ONE = 1;\nvar loopObject = function loopObject(obj, cb, sorted) {\n var keys = Object.keys(obj);\n if (sorted === true) {\n keys.sort();\n }\n return keys.map(function(key) {\n return cb(obj[key], key);\n });\n};\nvar getSortedKeyString = function getSortedKeyString(obj) {\n return Object.keys(obj)\n .sort()\n .join(',');\n};\nvar getType = function(val) {\n return Object.prototype.toString.call(val).replace(/^\\[object\\s(.*)\\]$/, '$1');\n};\nvar getFirstEle = function getFirstEle(obj) {\n return obj[Object.keys(obj)[0]];\n};\n\nvar allValuesSameInArray = function(arr) {\n for (var i = 1; i < arr.length; i++) {\n if (arr[i] !== arr[0]) {\n return false;\n }\n }\n return true;\n};\n\nvar checkIfArrayIsAOB = function checkIfArrayIsAOB(obj) {\n if (getType(obj) === 'Array' && obj.length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\nvar checkIfObjectIsOOB = function checkIfObjectIsOOB(obj) {\n if (getType(obj) === 'Object' && Object.keys(obj).length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\n\nmodule.exports = {\n loopObject,\n getSortedKeyString,\n getType,\n getFirstEle,\n allValuesSameInArray,\n checkIfArrayIsAOB,\n checkIfObjectIsOOB,\n};\n","import React, { Component } from 'react';\n\nimport PropTypes from 'prop-types';\nimport { getType } from './util';\n\nclass ValueViewer extends Component {\n constructor(props, context) {\n super(props, context);\n }\n\n r() {\n switch (getType(this.props.value)) {\n case 'String':\n return {`\"${this.props.value}\"`};\n case 'Boolean':\n return {`${this.props.value}`};\n case 'Number':\n return {`${this.props.value}`};\n case 'Undefined':\n return {'undefined'};\n case 'Null':\n return {'null'};\n case 'Date':\n return {`${JSON.stringify(this.props.value)}`};\n default:\n return {`${this.props.value}`};\n }\n }\n\n render() {\n return {this.r()};\n }\n}\nValueViewer.propTypes = {\n value: PropTypes.any,\n};\nValueViewer.defaultProps = {};\nexport default ValueViewer;\n","import React, { Component } from 'react';\nimport { checkIfArrayIsAOB, checkIfObjectIsOOB, getFirstEle, getType, loopObject } from './util';\n\nimport PropTypes from 'prop-types';\nimport ValueViewer from './ValueViewer';\n\nexport default class JSONViewer extends Component {\n static propTypes = {\n json: PropTypes.any.isRequired,\n tableProps: PropTypes.object,\n trProps: PropTypes.object,\n tdProps: PropTypes.object,\n thProps: PropTypes.object,\n tbodyProps: PropTypes.object,\n theadProps: PropTypes.object,\n };\n\n static styles = {\n td: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n },\n th: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n fontWeight: 'bold',\n },\n };\n static defaultProps = {};\n\n renderHeaderByKeys(keys, addExtra) {\n return (\n \n \n {(() => {\n if (addExtra === 'addExtra') {\n return (\n | \n \n | \n );\n }\n })()}\n {keys.map((key, i) => {\n return (\n \n {key}\n | \n );\n })}\n
\n \n );\n }\n\n objToTable(obj) {\n if (JSON.stringify(obj) === '{}') {\n return '{ }';\n } else {\n return (\n \n {this.renderHeaderByKeys(Object.keys(obj))}\n \n \n {loopObject(obj, (v, key) => {\n return this.renderTd(v, key);\n })}\n
\n \n
\n );\n }\n }\n\n arrayToTable(obj) {\n if (getType(obj) === 'Array' && obj.length === 0) {\n return '[ ]';\n } else {\n return (\n \n \n {loopObject(obj, (v, key) => {\n return (\n \n | {`${key}`} | \n {this.renderTd(v, key)}\n
\n );\n })}\n \n
\n );\n }\n }\n\n oobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)), 'addExtra')}\n \n {loopObject(aob, (row, j) => {\n return (\n \n | \n \n | \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n renderTd(guess, index) {\n return (\n \n {this.decideAndRender(guess)}\n | \n );\n }\n decideAndRender(guess) {\n if (getType(guess) === 'Array') {\n if (checkIfArrayIsAOB(guess)) {\n return this.aobToTable(guess);\n } else {\n return this.arrayToTable(guess);\n }\n }\n if (getType(guess) === 'Object') {\n if (checkIfObjectIsOOB(guess)) {\n return this.oobToTable(guess);\n } else {\n return this.objToTable(guess);\n }\n } else {\n return ;\n }\n }\n\n aobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)))}\n \n {loopObject(aob, (row, j) => {\n return (\n \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n\n render() {\n return {this.decideAndRender(this.props.json)}
;\n }\n}\n"],"names":["ONE","loopObject","obj","cb","sorted","keys","Object","sort","map","key","getSortedKeyString","join","getType","val","prototype","toString","call","replace","getFirstEle","allValuesSameInArray","arr","i","length","checkIfArrayIsAOB","test","row","checkIfObjectIsOOB","module","ValueViewer","props","context","value","color","JSON","stringify","r","Component","propTypes","PropTypes","any","defaultProps","JSONViewer","addExtra","theadProps","trProps","thProps","constructor","styles","td","tdProps","tableProps","renderHeaderByKeys","v","renderTd","aob","j","guess","index","decideAndRender","aobToTable","arrayToTable","oobToTable","objToTable","tbodyProps","json","isRequired","object"],"mappings":"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"}
\ No newline at end of file
diff --git a/dist/index.js b/dist/index.js
index 14f0335..2d534dc 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -300,7 +300,7 @@ var JSONViewer = function (_Component) {
value: function arrayToTable(obj) {
var _this4 = this;
- if (util_3(obj) === 'Array' && obj.length === ZERO) {
+ if (util_3(obj) === 'Array' && obj.length === 0) {
return '[ ]';
} else {
return React__default.createElement(
@@ -312,7 +312,7 @@ var JSONViewer = function (_Component) {
util_1(obj, function (v, key) {
return React__default.createElement(
'tr',
- _this4.props.trProps,
+ _extends({ key: key }, _this4.props.trProps),
React__default.createElement(
'td',
_extends({}, _this4.props.tdProps, { style: _this4.constructor.styles.td }),
diff --git a/dist/index.js.map b/dist/index.js.map
index 505ddf3..c7a9e27 100644
--- a/dist/index.js.map
+++ b/dist/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/util.js","../src/ValueViewer.js","../src/index.js"],"sourcesContent":["/**\n * Created by narendrasisodiya on 28/10/16.\n */\n\nvar ONE = 1;\nvar loopObject = function loopObject(obj, cb, sorted) {\n var keys = Object.keys(obj);\n if (sorted === true) {\n keys.sort();\n }\n return keys.map(function(key) {\n return cb(obj[key], key);\n });\n};\nvar getSortedKeyString = function getSortedKeyString(obj) {\n return Object.keys(obj)\n .sort()\n .join(',');\n};\nvar getType = function(val) {\n return Object.prototype.toString.call(val).replace(/^\\[object\\s(.*)\\]$/, '$1');\n};\nvar getFirstEle = function getFirstEle(obj) {\n return obj[Object.keys(obj)[0]];\n};\n\nvar allValuesSameInArray = function(arr) {\n for (var i = 1; i < arr.length; i++) {\n if (arr[i] !== arr[0]) {\n return false;\n }\n }\n return true;\n};\n\nvar checkIfArrayIsAOB = function checkIfArrayIsAOB(obj) {\n if (getType(obj) === 'Array' && obj.length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\nvar checkIfObjectIsOOB = function checkIfObjectIsOOB(obj) {\n if (getType(obj) === 'Object' && Object.keys(obj).length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\n\nmodule.exports = {\n loopObject,\n getSortedKeyString,\n getType,\n getFirstEle,\n allValuesSameInArray,\n checkIfArrayIsAOB,\n checkIfObjectIsOOB,\n};\n","import React, { Component } from 'react';\n\nimport PropTypes from 'prop-types';\nimport { getType } from './util';\n\nclass ValueViewer extends Component {\n constructor(props, context) {\n super(props, context);\n }\n\n r() {\n switch (getType(this.props.value)) {\n case 'String':\n return {`\"${this.props.value}\"`};\n case 'Boolean':\n return {`${this.props.value}`};\n case 'Number':\n return {`${this.props.value}`};\n case 'Undefined':\n return {'undefined'};\n case 'Null':\n return {'null'};\n case 'Date':\n return {`${JSON.stringify(this.props.value)}`};\n default:\n return {`${this.props.value}`};\n }\n }\n\n render() {\n return {this.r()};\n }\n}\nValueViewer.propTypes = {\n value: PropTypes.any,\n};\nValueViewer.defaultProps = {};\nexport default ValueViewer;\n","import React, { Component } from 'react';\nimport { checkIfArrayIsAOB, checkIfObjectIsOOB, getFirstEle, getType, loopObject } from './util';\n\nimport PropTypes from 'prop-types';\nimport ValueViewer from './ValueViewer';\n\nexport default class JSONViewer extends Component {\n static propTypes = {\n json: PropTypes.any.isRequired,\n tableProps: PropTypes.object,\n trProps: PropTypes.object,\n tdProps: PropTypes.object,\n thProps: PropTypes.object,\n tbodyProps: PropTypes.object,\n theadProps: PropTypes.object,\n };\n\n static styles = {\n td: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n },\n th: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n fontWeight: 'bold',\n },\n };\n static defaultProps = {};\n\n renderHeaderByKeys(keys, addExtra) {\n return (\n \n \n {(() => {\n if (addExtra === 'addExtra') {\n return (\n | \n \n | \n );\n }\n })()}\n {keys.map((key, i) => {\n return (\n \n {key}\n | \n );\n })}\n
\n \n );\n }\n\n objToTable(obj) {\n if (JSON.stringify(obj) === '{}') {\n return '{ }';\n } else {\n return (\n \n {this.renderHeaderByKeys(Object.keys(obj))}\n \n \n {loopObject(obj, (v, key) => {\n return this.renderTd(v, key);\n })}\n
\n \n
\n );\n }\n }\n\n arrayToTable(obj) {\n if (getType(obj) === 'Array' && obj.length === ZERO) {\n return '[ ]';\n } else {\n return (\n \n \n {loopObject(obj, (v, key) => {\n return (\n \n | {`${key}`} | \n {this.renderTd(v, key)}\n
\n );\n })}\n \n
\n );\n }\n }\n\n oobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)), 'addExtra')}\n \n {loopObject(aob, (row, j) => {\n return (\n \n | \n \n | \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n renderTd(guess, index) {\n return (\n \n {this.decideAndRender(guess)}\n | \n );\n }\n decideAndRender(guess) {\n if (getType(guess) === 'Array') {\n if (checkIfArrayIsAOB(guess)) {\n return this.aobToTable(guess);\n } else {\n return this.arrayToTable(guess);\n }\n }\n if (getType(guess) === 'Object') {\n if (checkIfObjectIsOOB(guess)) {\n return this.oobToTable(guess);\n } else {\n return this.objToTable(guess);\n }\n } else {\n return ;\n }\n }\n\n aobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)))}\n \n {loopObject(aob, (row, j) => {\n return (\n \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n\n render() {\n return {this.decideAndRender(this.props.json)}
;\n }\n}\n"],"names":["ONE","loopObject","obj","cb","sorted","keys","Object","sort","map","key","getSortedKeyString","join","getType","val","prototype","toString","call","replace","getFirstEle","allValuesSameInArray","arr","i","length","checkIfArrayIsAOB","test","row","checkIfObjectIsOOB","module","ValueViewer","props","context","value","React","color","JSON","stringify","r","Component","propTypes","PropTypes","any","defaultProps","JSONViewer","addExtra","theadProps","trProps","thProps","constructor","styles","td","tdProps","tableProps","renderHeaderByKeys","v","renderTd","ZERO","aob","j","guess","index","decideAndRender","aobToTable","arrayToTable","oobToTable","objToTable","tbodyProps","json","isRequired","object"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"index.js","sources":["../src/util.js","../src/ValueViewer.js","../src/index.js"],"sourcesContent":["/**\n * Created by narendrasisodiya on 28/10/16.\n */\n\nvar ONE = 1;\nvar loopObject = function loopObject(obj, cb, sorted) {\n var keys = Object.keys(obj);\n if (sorted === true) {\n keys.sort();\n }\n return keys.map(function(key) {\n return cb(obj[key], key);\n });\n};\nvar getSortedKeyString = function getSortedKeyString(obj) {\n return Object.keys(obj)\n .sort()\n .join(',');\n};\nvar getType = function(val) {\n return Object.prototype.toString.call(val).replace(/^\\[object\\s(.*)\\]$/, '$1');\n};\nvar getFirstEle = function getFirstEle(obj) {\n return obj[Object.keys(obj)[0]];\n};\n\nvar allValuesSameInArray = function(arr) {\n for (var i = 1; i < arr.length; i++) {\n if (arr[i] !== arr[0]) {\n return false;\n }\n }\n return true;\n};\n\nvar checkIfArrayIsAOB = function checkIfArrayIsAOB(obj) {\n if (getType(obj) === 'Array' && obj.length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\nvar checkIfObjectIsOOB = function checkIfObjectIsOOB(obj) {\n if (getType(obj) === 'Object' && Object.keys(obj).length > ONE && getType(getFirstEle(obj)) === 'Object') {\n var test = loopObject(obj, function(row) {\n if (getType(row) === 'Object') {\n return getSortedKeyString(row);\n } else {\n return '';\n }\n });\n if (test.length > ONE && test[0].length > ONE) {\n return allValuesSameInArray(test);\n } else {\n return false;\n }\n } else {\n return false;\n }\n};\n\nmodule.exports = {\n loopObject,\n getSortedKeyString,\n getType,\n getFirstEle,\n allValuesSameInArray,\n checkIfArrayIsAOB,\n checkIfObjectIsOOB,\n};\n","import React, { Component } from 'react';\n\nimport PropTypes from 'prop-types';\nimport { getType } from './util';\n\nclass ValueViewer extends Component {\n constructor(props, context) {\n super(props, context);\n }\n\n r() {\n switch (getType(this.props.value)) {\n case 'String':\n return {`\"${this.props.value}\"`};\n case 'Boolean':\n return {`${this.props.value}`};\n case 'Number':\n return {`${this.props.value}`};\n case 'Undefined':\n return {'undefined'};\n case 'Null':\n return {'null'};\n case 'Date':\n return {`${JSON.stringify(this.props.value)}`};\n default:\n return {`${this.props.value}`};\n }\n }\n\n render() {\n return {this.r()};\n }\n}\nValueViewer.propTypes = {\n value: PropTypes.any,\n};\nValueViewer.defaultProps = {};\nexport default ValueViewer;\n","import React, { Component } from 'react';\nimport { checkIfArrayIsAOB, checkIfObjectIsOOB, getFirstEle, getType, loopObject } from './util';\n\nimport PropTypes from 'prop-types';\nimport ValueViewer from './ValueViewer';\n\nexport default class JSONViewer extends Component {\n static propTypes = {\n json: PropTypes.any.isRequired,\n tableProps: PropTypes.object,\n trProps: PropTypes.object,\n tdProps: PropTypes.object,\n thProps: PropTypes.object,\n tbodyProps: PropTypes.object,\n theadProps: PropTypes.object,\n };\n\n static styles = {\n td: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n },\n th: {\n border: '1px solid #cccccc',\n textAlign: 'left',\n margin: 0,\n padding: '6px 13px',\n fontWeight: 'bold',\n },\n };\n static defaultProps = {};\n\n renderHeaderByKeys(keys, addExtra) {\n return (\n \n \n {(() => {\n if (addExtra === 'addExtra') {\n return (\n | \n \n | \n );\n }\n })()}\n {keys.map((key, i) => {\n return (\n \n {key}\n | \n );\n })}\n
\n \n );\n }\n\n objToTable(obj) {\n if (JSON.stringify(obj) === '{}') {\n return '{ }';\n } else {\n return (\n \n {this.renderHeaderByKeys(Object.keys(obj))}\n \n \n {loopObject(obj, (v, key) => {\n return this.renderTd(v, key);\n })}\n
\n \n
\n );\n }\n }\n\n arrayToTable(obj) {\n if (getType(obj) === 'Array' && obj.length === 0) {\n return '[ ]';\n } else {\n return (\n \n \n {loopObject(obj, (v, key) => {\n return (\n \n | {`${key}`} | \n {this.renderTd(v, key)}\n
\n );\n })}\n \n
\n );\n }\n }\n\n oobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)), 'addExtra')}\n \n {loopObject(aob, (row, j) => {\n return (\n \n | \n \n | \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n renderTd(guess, index) {\n return (\n \n {this.decideAndRender(guess)}\n | \n );\n }\n decideAndRender(guess) {\n if (getType(guess) === 'Array') {\n if (checkIfArrayIsAOB(guess)) {\n return this.aobToTable(guess);\n } else {\n return this.arrayToTable(guess);\n }\n }\n if (getType(guess) === 'Object') {\n if (checkIfObjectIsOOB(guess)) {\n return this.oobToTable(guess);\n } else {\n return this.objToTable(guess);\n }\n } else {\n return ;\n }\n }\n\n aobToTable(aob) {\n return (\n \n {this.renderHeaderByKeys(Object.keys(getFirstEle(aob)))}\n \n {loopObject(aob, (row, j) => {\n return (\n \n {loopObject(getFirstEle(aob), (val, key) => {\n return this.renderTd(row[key], key);\n })}\n
\n );\n })}\n \n
\n );\n }\n\n render() {\n return {this.decideAndRender(this.props.json)}
;\n }\n}\n"],"names":["ONE","loopObject","obj","cb","sorted","keys","Object","sort","map","key","getSortedKeyString","join","getType","val","prototype","toString","call","replace","getFirstEle","allValuesSameInArray","arr","i","length","checkIfArrayIsAOB","test","row","checkIfObjectIsOOB","module","ValueViewer","props","context","value","React","color","JSON","stringify","r","Component","propTypes","PropTypes","any","defaultProps","JSONViewer","addExtra","theadProps","trProps","thProps","constructor","styles","td","tdProps","tableProps","renderHeaderByKeys","v","renderTd","aob","j","guess","index","decideAndRender","aobToTable","arrayToTable","oobToTable","objToTable","tbodyProps","json","isRequired","object"],"mappings":"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"}
\ No newline at end of file
diff --git a/example/package-lock.json b/example/package-lock.json
index 664c561..a6bc5a8 100644
--- a/example/package-lock.json
+++ b/example/package-lock.json
@@ -8420,6 +8420,14 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-4.0.1.tgz",
"integrity": "sha512-xXUbDAZkU08aAkjtUvldqbvI04ogv+a1XdHxvYuHPYKIVk/42BIOD0zSKTHAWV4+gDy3yGm283z2072rA2gdtw=="
},
+ "react-gist": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/react-gist/-/react-gist-1.2.1.tgz",
+ "integrity": "sha512-2zxOrdxipjW2KrPTy7FJsYzzOsK84ReufIEnSKypq5pjRKurYzJTtQD4vffWviWWyJiqTniox7kDG+/yEtCs/g==",
+ "requires": {
+ "prop-types": "^15.6.0"
+ }
+ },
"react-is": {
"version": "16.8.6",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
diff --git a/example/package.json b/example/package.json
index 9b22718..c2379f8 100644
--- a/example/package.json
+++ b/example/package.json
@@ -8,8 +8,9 @@
"prop-types": "^15.6.2",
"react": "^16.4.1",
"react-dom": "^16.4.1",
- "react-scripts": "^1.1.4",
- "react-json-viewer": "file:.."
+ "react-gist": "^1.2.1",
+ "react-json-viewer": "file:..",
+ "react-scripts": "^1.1.4"
},
"scripts": {
"start": "react-scripts start",
diff --git a/example/src/App.js b/example/src/App.js
index bae4380..3d97e45 100644
--- a/example/src/App.js
+++ b/example/src/App.js
@@ -1,23 +1,61 @@
import React, { Component } from 'react';
+import Gist from 'react-gist';
import JSONViewer from 'react-json-viewer';
+var testData = {
+ name: 'Narendra',
+ age: 32,
+ place: {
+ name: 'Delhi',
+ pin: '110017',
+ },
+ likes: ['Apple', 'Banana', 'Mango'],
+ test: {
+ userData: undefined,
+ loginData: null,
+ },
+ todos: [
+ {
+ task: 'Write Book',
+ done: false,
+ },
+ {
+ task: 'Learn React',
+ done: true,
+ },
+ {
+ task: 'Buy Mobile',
+ done: false,
+ },
+ ],
+ dateWiseData: {
+ '2016-02-14': {
+ availableRooms: 10,
+ soldRooms: 20,
+ },
+ '2016-02-15': {
+ availableRooms: 15,
+ soldRooms: 15,
+ },
+ '2016-02-16': {
+ availableRooms: 5,
+ soldRooms: 25,
+ },
+ '2016-02-17': {
+ availableRooms: 0,
+ soldRooms: 30,
+ },
+ },
+};
export default class App extends Component {
render() {
return (
-
+
React JSON Viewer Demo
+
+
Following Test JSON Data is rendered above into a Tabular Format using react-json-viewer
+
+
| {`${key}`} |
{this.renderTd(v, key)}