{"_id":"react-simple-json-viewer","_rev":"3-edde946097f37b26b0591aabf9f28497","name":"react-simple-json-viewer","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"react-simple-json-viewer","version":"0.0.1","description":"A basic lightweight React component for viewing data in an expandable way.","main":"dist/index.js","browserslist":"> 1%","scripts":{"build":"rimraf dist && cross-env NODE_ENV=production babel src --out-dir dist","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/wethrift/react-simple-json-viewer.git"},"keywords":["react","json","data","view","viewer","display","emotion","simple"],"author":{"name":"Matt Way"},"license":"MIT","bugs":{"url":"https://github.com/wethrift/react-simple-json-viewer/issues"},"homepage":"https://github.com/wethrift/react-simple-json-viewer#readme","peerDependencies":{"react":">=16"},"devDependencies":{"@babel/cli":"^7.18.10","@babel/core":"^7.18.10","@babel/preset-env":"^7.18.10","@babel/preset-react":"^7.18.6","cross-env":"^7.0.3","react":"^18.2.0","rimraf":"^3.0.2"},"dependencies":{"@emotion/css":"^11.10.0"},"gitHead":"657a68158a9d88ea994d48cf57ec9e29b37e0edf","_id":"react-simple-json-viewer@0.0.1","_nodeVersion":"16.13.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-uQcgqpYB6CjARYG385bB5VlmiannK3XiD9Uu5BGZJ4bFgUSEZkKA0EYyK0RwXawQe3DzHYx8XDLNHz8KEvoVzw==","shasum":"e9d29652042fc7ca19f5c60ca70a499082dba625","tarball":"https://registry.npmjs.org/react-simple-json-viewer/-/react-simple-json-viewer-0.0.1.tgz","fileCount":14,"unpackedSize":13121,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwSO4RDWltiK8seadfgaxGYWJfBbB2yMYxWbREODqaGwIgSXpk+ZlwGXGsNqVk601IkpNT1RDH5N8EXMBJodKhzO0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi95hJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpacw/7B8hfpuY3Pde1gfuqMtKHaCQNoGVAfgrtv8b3QR50yNbhQn1F\r\npNNt9YEIhaohp3pVEi1hVQ2h6SIRxMJTKdW8mZZUNynRBzoYkLrjfbene+II\r\n/0VFKoBf/44fdCIqmDC/MbN6yi9OrspCECh8TnL+riVazZj//M/J9FVat7ja\r\nduAne7PImGXCqGuU7XKksbyFHkU6WOhPq7rWyneGtjQEJqRUku6vvQ8qTPMa\r\nr9/QSkqJQk36yZIdti5DpSwkuZWbN12yeztn87zX+OKNvRHDzX5QVvEZQZSq\r\nfAbJAr4CYPaoNnzM+Fewe2+QZGSBe13tHYnDsokYLIHIcVNu7Ij5LVo+p0ay\r\nTs0Gt9dgfEKAdgMnVrfGuxAgCGKQaqHqLPIX2ODOgezRtkZvxlsnmdAtM+BX\r\n1lG7Ps60KLrE/R/oPOVo2mSFjW9mgos7imCGBBp487C4XYcZhU9oT0dFBv/a\r\nTRW1XspNu+YEvKWW8vfNcsJqvmiXQIM9YWIR/VDgI+t2QiZhNE/UytmWgF+t\r\npZsk+k/mp25qDFJVdNVVwVjsAKmdzJxgZd6h0wAmJ0jdHZyABR02lZKpCaDV\r\njlYyuct6vLmgDvLFbCe/dvEKuwW5y0FQBEtnacIhVbpng+qblfuJpZrv9cNB\r\n9setKCvuz0bXf/YrP029LPUgG7ZjE/nBuxw=\r\n=NRlY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"teamwethrift","email":"teamwethrift@gmail.com"},"directories":{},"maintainers":[{"name":"teamwethrift","email":"teamwethrift@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-json-viewer_0.0.1_1660393545178_0.5901668399623055"},"_hasShrinkwrap":false},"0.0.2":{"name":"react-simple-json-viewer","version":"0.0.2","description":"A basic lightweight React component for viewing data in an expandable way.","main":"./dist/index.js","types":"./index.d.ts","browserslist":"> 1%","scripts":{"build":"rimraf dist && cross-env NODE_ENV=production babel src --out-dir dist"},"repository":{"type":"git","url":"git+https://github.com/wethrift/react-simple-json-viewer.git"},"keywords":["react","json","data","view","viewer","display","emotion","simple"],"author":{"name":"Matt Way"},"license":"MIT","bugs":{"url":"https://github.com/wethrift/react-simple-json-viewer/issues"},"homepage":"https://github.com/wethrift/react-simple-json-viewer#readme","peerDependencies":{"react":">=16"},"devDependencies":{"@babel/cli":"^7.18.10","@babel/core":"^7.18.10","@babel/preset-env":"^7.18.10","@babel/preset-react":"^7.18.6","cross-env":"^7.0.3","react":"^18.2.0","rimraf":"^3.0.2"},"dependencies":{"@emotion/css":"^11.10.0"},"gitHead":"cdeca8a31e8008e4a78b18eb309d01d03c8e3f67","_id":"react-simple-json-viewer@0.0.2","_nodeVersion":"16.13.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-NQ8tnlamYgjrvnL3XYU/d8lZ05p0G4+HRIJM5fEvefdQ3vXPm48azjgmEt7Yg5VYvfh/sONf9d8fVMd8G1tmdA==","shasum":"951df99b7ef7c914fbd28a7e6caeb2b16c3aa620","tarball":"https://registry.npmjs.org/react-simple-json-viewer/-/react-simple-json-viewer-0.0.2.tgz","fileCount":15,"unpackedSize":14583,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwADwZCZDb3CiAI2GuEFVCsC+KYZYcoh3aFIimPy8VJAIhALQeY5L7lnbayXYboI56lhxbHoshX+1KU6EGvtPTs3Jt"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/caxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqekRAAnQVAxp7U/tSdFuyoN4rj4ICL7nFlmP2QGbgsMPOC9PVQ6Bye\r\nxlwiRnJzeFziCIEw++Op5G7uqTmPSt+l0WU2pa4xJ5jEC7Xz05+DxvEMAGXe\r\nUvJFpDuCzTRNgYXFwXfw93vX2mEaeBT9Ncw9uuaAEjg+KUI+fi5dnJguPnwK\r\n153c7qr5ehzeeTkAT1+zkAjMPaWWOP7WBhTX8ifW5qPppmkGVRtbhwmr5cCH\r\noxJkr2WXnekaqCahFBmNCQ2zmX9StFeWJeU13LDXlXTqPlylXLW57hOMtGdX\r\nDiRgYwf6qiGVUh43N41qRK4F54LmRX/dti2T4Z+i0skHvF4GDjsfcT8LfWpW\r\nD1Av+DD6GIlNHBhLqEz/RSDNEwkmhl3p/f1BCbgVRJ4MBlLgXzCm1t1RnaJF\r\ndWrwznVj++q2jBbRE3QgIovX91PXTcyURY6kB2oMc/OxP2P8YXM9CYqXtQ5L\r\nCdZ3Odrdy/6WAmutE4HOErj8pbBIbRxfZJerjAqE9qCQ4uId7XvnqiCm3A8z\r\nDnpZcPR/n5olCCjhaSHKODehYXyjOjFTOn3YDcVMVVytWodMKz7UcSeR2PdU\r\nehLi0ZJrzmc7ke6O95aJ/TE7iW55hm6xJYeUI1362vcLA5iFOankLXTPaqDN\r\nMXtwqDRUqNK/lRKAJZQdRnUTVBbLvlZ3gZs=\r\n=4oVM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"teamwethrift","email":"teamwethrift@gmail.com"},"directories":{},"maintainers":[{"name":"teamwethrift","email":"teamwethrift@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-json-viewer_0.0.2_1660798640949_0.8808784674840828"},"_hasShrinkwrap":false},"0.0.3":{"name":"react-simple-json-viewer","version":"0.0.3","description":"A basic lightweight React component for viewing data in an expandable way.","main":"./dist/index.js","types":"./index.d.ts","browserslist":"> 1%","scripts":{"build":"rimraf dist && cross-env NODE_ENV=production babel src --out-dir dist"},"repository":{"type":"git","url":"git+https://github.com/wethrift/react-simple-json-viewer.git"},"keywords":["react","json","data","view","viewer","display","emotion","simple"],"author":{"name":"Matt Way"},"license":"MIT","bugs":{"url":"https://github.com/wethrift/react-simple-json-viewer/issues"},"homepage":"https://github.com/wethrift/react-simple-json-viewer#readme","peerDependencies":{"react":">=16"},"devDependencies":{"@babel/cli":"^7.18.10","@babel/core":"^7.18.10","@babel/preset-env":"^7.18.10","@babel/preset-react":"^7.18.6","cross-env":"^7.0.3","react":"^18.2.0","rimraf":"^3.0.2"},"dependencies":{"@emotion/css":"^11.10.0"},"gitHead":"392d6cea407e8c8ddd66bd33d2dddd8b872998ea","_id":"react-simple-json-viewer@0.0.3","_nodeVersion":"16.13.0","_npmVersion":"8.14.0","dist":{"integrity":"sha512-qhfg9YEiwPaluG8lZ5rLZ/okvGyNT974AhubhX2C6Vqaid3tOe+Bezf9pUWtGFKcDxc/Y5gPo7vXtMvw7qmL+Q==","shasum":"6cd7c183b98ed2f7308bede61fdc1ba5e1e42eea","tarball":"https://registry.npmjs.org/react-simple-json-viewer/-/react-simple-json-viewer-0.0.3.tgz","fileCount":16,"unpackedSize":39815,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpLkF0VrXOO/XboH8hJ2v+SkJM+0mUFJtWSk98ncG6AQIgK8raVTpw9ZbEHShmCnpcQuFLKZqknLipPwVdT9x+c/Q="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/s0yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmod0A/+KRWI07Gsp/ekp67NHUkxUmh36J7Y4Z/+tHoNUwE2RfxuGYkS\r\n4PWOP0etWzK4NoPqWnPA2zbczCTeJyo8QgGEtA3aCEp3Im1dDPcJgJ24SZpE\r\nAn2jy3TQFPOgyWpON5HfwA9h4xOSM1hxpZm4diJSgXuJ1SZqszoqJk0gfzVH\r\nuEXF42/wA7wZ5RrKMIY5Xbxg7L/GI3XTJwBtLHjgU0iBkCDjLkePerv7015i\r\nI5erbknxTcDnr8bwKBPLm9WoDeZQDmTKxKLnFAJ5d6SnWyZc+QdtnHZjqHai\r\nlJKx0YWAi9HkFOycIhCdQACABNyzdtPs/w67mUGuLnbo+pNp7TS/nEUmxEYa\r\nI2veEgt3NzSF1U/HrDkUOziWSlRgN5tnzhY0A3//Bg9zx+FSPN3Y9JjwdnR8\r\nOI8aFMotoscGrgWTme6CktT8mfgJ7CQL7NcKziVLvz2wsOPei9ly+Ti4pfz7\r\nBBcT2pHTL+70oIUbrUvl05AXBoJYt5qo5HETbDCZQzGi03y3dZEPMyXzvu5R\r\nnNSlTjhdLNcIHA5vPG9hxRbomTA7rJLtskUXfDGNYVGd2VbRLvqvuMnlRy88\r\nEtlZ4Q0WeAYUFpw7jlsAZ4u9QaZauLtXlLv8wx+zfENEANLioJsBAewcsZXV\r\nrr0gAb0tcMyuLMtQnklaop1XInypZP6KdjM=\r\n=7vP+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"teamwethrift","email":"teamwethrift@gmail.com"},"directories":{},"maintainers":[{"name":"teamwethrift","email":"teamwethrift@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-json-viewer_0.0.3_1660865842294_0.5931709172566728"},"_hasShrinkwrap":false},"0.0.4":{"name":"react-simple-json-viewer","version":"0.0.4","description":"A basic lightweight React component for viewing data in an expandable way.","main":"./dist/index.js","types":"./index.d.ts","browserslist":"> 1%","scripts":{"build":"rimraf dist && cross-env NODE_ENV=production babel src --out-dir dist"},"repository":{"type":"git","url":"git+https://github.com/wethrift/react-simple-json-viewer.git"},"keywords":["react","json","data","view","viewer","display","emotion","simple"],"author":{"name":"Matt Way"},"license":"MIT","bugs":{"url":"https://github.com/wethrift/react-simple-json-viewer/issues"},"homepage":"https://github.com/wethrift/react-simple-json-viewer#readme","peerDependencies":{"react":">=16"},"devDependencies":{"@babel/cli":"^7.18.10","@babel/core":"^7.18.10","@babel/preset-env":"^7.18.10","@babel/preset-react":"^7.18.6","cross-env":"^7.0.3","react":"^18.2.0","rimraf":"^3.0.2"},"dependencies":{"@emotion/css":"^11.10.0"},"_id":"react-simple-json-viewer@0.0.4","gitHead":"2a77a35ab3f7f20a6edb51a86ea1a9d385a94b6d","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-VIroWfZpwfbghdDGjBjUdKr3AROtFTiF++bK2eVfX6VBeLlvkY41uh15jkeLbS7/zV6ELu2xeOkB6WOlIjnG5Q==","shasum":"3e335fa3e8d2129192bf5c250a410a29cd90ab0a","tarball":"https://registry.npmjs.org/react-simple-json-viewer/-/react-simple-json-viewer-0.0.4.tgz","fileCount":16,"unpackedSize":40132,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHY01Q32JdEsXQD5surM158M9KjMqWApTAyKZ5LZgl3GAiBoHSGOegMKo/0EnBqdrfHIJmCFgqc2G0RpXA1tM7I/NQ=="}]},"_npmUser":{"name":"teamwethrift","email":"teamwethrift@gmail.com"},"directories":{},"maintainers":[{"name":"teamwethrift","email":"teamwethrift@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-json-viewer_0.0.4_1709685419493_0.3847475121057753"},"_hasShrinkwrap":false}},"time":{"created":"2022-08-13T12:25:45.178Z","0.0.1":"2022-08-13T12:25:45.345Z","modified":"2024-03-06T00:37:00.076Z","0.0.2":"2022-08-18T04:57:21.106Z","0.0.3":"2022-08-18T23:37:22.462Z","0.0.4":"2024-03-06T00:36:59.669Z"},"maintainers":[{"name":"teamwethrift","email":"teamwethrift@gmail.com"}],"description":"A basic lightweight React component for viewing data in an expandable way.","homepage":"https://github.com/wethrift/react-simple-json-viewer#readme","keywords":["react","json","data","view","viewer","display","emotion","simple"],"repository":{"type":"git","url":"git+https://github.com/wethrift/react-simple-json-viewer.git"},"author":{"name":"Matt Way"},"bugs":{"url":"https://github.com/wethrift/react-simple-json-viewer/issues"},"license":"MIT","readme":"# react-simple-json-viewer\r\n\r\nA basic lightweight React (jsx) component for viewing data in an expandable way.\r\n\r\n![null screenshot](screenshot.png)\r\n\r\n[DEMO](https://codesandbox.io/s/young-brook-6rdv0p?file=/src/App.js)\r\n\r\n# Usage\r\n\r\n```\r\nnpm install react-simple-json-viewer\r\n```\r\n\r\nThen inside some react component:\r\n\r\n```\r\nimport JSONViewer from 'react-simple-json-viewer'\r\n\r\n// Place your component as needed\r\n<JSONViewer data={myData}/>\r\n```\r\n\r\nThe `data` prop passed in can be any object, array, or value.\r\n\r\n# Styling\r\n\r\nThis library utilises Emotion's [css](https://emotion.sh/docs/@emotion/css#object-styles) function to generate top level classes for styling. If you look at index.js in /src you will see the default minimal styles applied to the container and children. To override the default styling just use the `css` prop when using the component. For example, to change the color of the values:\r\n\r\n```\r\n<JSONViewer data={data} css={{\r\n  'span.rsjv-value': {\r\n    color: 'purple'\r\n  }\r\n}}>\r\n```\r\n\r\n# SSR\r\n\r\nAs the library depends on a recent version of emotion, SSR should work out of the box. However depending on your SSR setup, you may need to do something more complicated, in which case please refer to the Emotion [SSR docs](https://emotion.sh/docs/ssr).\r\n\r\n# Credits\r\n\r\nThis library was built [@wethrift](https://www.wethrift.com) by [@matt-way](https://github.com/matt-way)\r\n","readmeFilename":"README.md"}