{"_id":"@abdulghani/react-json-view","_rev":"7-7935c9652ca11a45d7271dc21e7399ee","name":"@abdulghani/react-json-view","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.1":{"name":"@abdulghani/react-json-view","version":"0.0.1","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.1","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"bd796d793dca4298235ff8de9ff4b7429e3afecf","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.1.tgz","fileCount":50,"integrity":"sha512-CV3ulmmSHFoqMAUHVsMH/vDS63CMFWnrYTknPUClzvhNTRSyz97zE+oOnXnnOJl8T+iDVizyLHkNhxFQY9QQFw==","signatures":[{"sig":"MEQCID/Wh+VtAybtY/0v/6DIytUApZTMBS0XmWvCXeUnHTQyAiAR4RK31Wv+U/Ic23uLXvdUOaR2F8/2h2oW+OTJHKf4HQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":455057},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.1_1726703103199_0.7234647437710242","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@abdulghani/react-json-view","version":"0.0.2","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.2","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"d618fb2707aa68768b12f986fbb6e6627ad74181","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.2.tgz","fileCount":50,"integrity":"sha512-HWYRLxw1x9Fesn/H49M58CeqmCruyk2V+iBXoq6mdPJ90mX96Z4q8vttv2B8v8Xnzbiim2VDXAPuHHAkfRL/RQ==","signatures":[{"sig":"MEYCIQDM4V0H+Jxzv430wg6NBtQD4rnrB/NDCsqtCTa08rW9FgIhAOBSNzJple+DacSNz3r7F5V7PNx7Bh1g0eFmwotmb5Fu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":455225},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.2_1726703238768_0.9771454596419038","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@abdulghani/react-json-view","version":"0.0.3","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.3","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"ba215072a914af90db7737894cead02453218b0d","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.3.tgz","fileCount":50,"integrity":"sha512-MLZ3+gF+U6kL6jiV+hS60P2ghSaNbuytYqXKdwK4B67cbxV9q5Rfx6Q67KHH83/z/ubrVjwukayQF2YO8RKO+w==","signatures":[{"sig":"MEUCIQDJCW9JWrUQQqt9kosrxBl33BYDhEGxVw+kwlBmYCK1tQIgfTqhHN3ZTozFE5DrhmhtxabQXk9zwu7kGuzoj0Ddsw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":460024},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.3_1726705133756_0.6722884771487518","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"@abdulghani/react-json-view","version":"0.0.4","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.4","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"17f801a13a0e0c53b3d6a92faffe39e3bb95ef54","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.4.tgz","fileCount":50,"integrity":"sha512-06iuBotY4dbg9u+4JqENv57CzTKl56pMRy0kE/6jn6b6fDtaSs1if/W6CmvO4nMGfmdZv5H5Z61GdQqy0Ui4og==","signatures":[{"sig":"MEYCIQCdougxva2G47eiSaChNrYGx+vIPMXIKEatcXPbRsHcbwIhAJAMA8BnlA4eFfiuAsipo3ntvNFHAhNJL95uRfmKFIWe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":461117},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.4_1726705357605_0.4633718173693495","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"@abdulghani/react-json-view","version":"0.0.5","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.5","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"5a93c5dcfbcce602adf3ce06586edb8b23bc0911","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.5.tgz","fileCount":50,"integrity":"sha512-v19BOOWCdtFpgSDR8+UmnQluzLznk1IA1Yjb2UACUwVEbgdsVsEu3oPgWuzRKr4qffRgGafk7yxwvd87SPoyZQ==","signatures":[{"sig":"MEYCIQDTZPyDj/HRN/aF84hYJL60nwCvsULtbi3R3M2Pgxn0fwIhAO6eebEEKVBGeL6F+kBMHzCDvWuq+hVIs0IrqpEroxO2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":461117},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.5_1726705399301_0.03484343807527268","host":"s3://npm-registry-packages"}},"0.0.6":{"name":"@abdulghani/react-json-view","version":"0.0.6","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.6","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"9773fc50a9e226e643f1adfbf3c4b308e8828236","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.6.tgz","fileCount":50,"integrity":"sha512-qWiKuCKEkOoCH9GfEYgWtuUmdcx1pT7T3vfG6aLP6OoxT7nhhk1NoJOve3rm3c7WMx1CDU3v/tX/ffwnWCkfKg==","signatures":[{"sig":"MEUCIEay/QCgiLyzjTkmXDMriwSh6XR4/S7UQgV5JRXUDI7RAiEA6xlb4zzBlMyKAikZMN8+uQUZArJQjFeIOPO/LM3M+5M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":464359},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.6_1726705788645_0.049114047001465044","host":"s3://npm-registry-packages"}},"0.0.7":{"name":"@abdulghani/react-json-view","version":"0.0.7","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"author":{"name":"Suni"},"license":"MIT","_id":"@abdulghani/react-json-view@0.0.7","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"homepage":"https://github.com/YYsuni/react18-json-view#readme","bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"dist":{"shasum":"60273d4a8ccd84923b834dfb17ca31c3717ba199","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.7.tgz","fileCount":50,"integrity":"sha512-gzHXqOAAUbzJltK3FKwriWXaAQb5kn50qhx6G6zFUmp+3zGKZkST2lohcDPZWRZGm8X3YuV7RQiSsSS83KEhkQ==","signatures":[{"sig":"MEYCIQCGeUvITC3RIVQONQLnfdpsugc+U9O4A8XDVYriBhZLawIhANEPy41amv1jZwjU4SUZJBWh1PoOPNWvudu3AU/0WJpq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":466135},"main":"dist/cjs/index.cjs","type":"module","types":"dist/index","brower":"dist/es/index.mjs","module":"dist/es/index.mjs","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","scripts":{"dev":"rollup -cw","build":"rollup -c","clean":"rm -rf dist","format":"prettier --write .","prepare":"husky install","prebuild":"npm run clean","storybook":"storybook dev -p 6006","dev:website":"turbo run dev --filter=website...","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"repository":{"url":"git+https://github.com/YYsuni/react18-json-view.git","type":"git"},"_npmVersion":"10.8.2","description":"JSON viewer for react18","directories":{},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"sideEffects":["*.css"],"_nodeVersion":"20.17.0","dependencies":{"copy-to-clipboard":"^3.3.3"},"_hasShrinkwrap":false,"devDependencies":{"husky":"^8.0.3","react":"^18.2.0","tslib":"^2.7.0","turbo":"^1.10.13","rollup":"^3.9.1","postcss":"^8.4.23","prettier":"^2.8.2","storybook":"^7.3.2","typescript":"^5.0.4","@types/node":"^18.11.18","lint-staged":"^13.1.0","tailwindcss":"^3.3.2","@svgr/rollup":"^8.1.0","@types/react":"^18.0.26","autoprefixer":"^10.4.14","postcss-loader":"^7.2.4","@storybook/react":"^7.3.2","@types/react-dom":"^18.0.8","vite-plugin-svgr":"^3.2.0","@storybook/blocks":"^7.3.2","@rollup/plugin-url":"^8.0.1","@storybook/react-vite":"^7.3.2","@storybook/addon-links":"^7.3.2","@rollup/plugin-commonjs":"^24.0.0","@storybook/addon-styling":"^1.3.6","rollup-plugin-typescript2":"^0.34.1","@rollup/plugin-node-resolve":"^15.0.1","@storybook/addon-essentials":"^7.3.2","prettier-plugin-tailwindcss":"^0.2.8","@storybook/addon-interactions":"^7.3.2","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-json-view_0.0.7_1726706062868_0.21202778522468346","host":"s3://npm-registry-packages"}},"0.0.8":{"name":"@abdulghani/react-json-view","version":"0.0.8","type":"module","description":"JSON viewer for react18","main":"dist/cjs/index.cjs","types":"dist/index","module":"dist/es/index.mjs","brower":"dist/es/index.mjs","scripts":{"dev":"rollup -cw","dev:website":"turbo run dev --filter=website...","build":"rollup -c","storybook":"storybook dev -p 6006","build-storybook":"storybook build","prepare":"husky install","clean":"rm -rf dist","format":"prettier --write .","prebuild":"npm run clean","prepublishOnly":"npm run build"},"devDependencies":{"@rollup/plugin-commonjs":"^24.0.0","@rollup/plugin-node-resolve":"^15.0.1","@rollup/plugin-url":"^8.0.1","@storybook/addon-essentials":"^7.3.2","@storybook/addon-interactions":"^7.3.2","@storybook/addon-links":"^7.3.2","@storybook/addon-styling":"^1.3.6","@storybook/blocks":"^7.3.2","@storybook/react":"^7.3.2","@storybook/react-vite":"^7.3.2","@svgr/rollup":"^8.1.0","@types/node":"^18.11.18","@types/react":"^18.0.26","@types/react-dom":"^18.0.8","autoprefixer":"^10.4.14","husky":"^8.0.3","lint-staged":"^13.1.0","postcss":"^8.4.23","postcss-loader":"^7.2.4","prettier":"^2.8.2","prettier-plugin-tailwindcss":"^0.2.8","react":"^18.2.0","rollup":"^3.9.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-typescript2":"^0.34.1","storybook":"^7.3.2","tailwindcss":"^3.3.2","tslib":"^2.7.0","turbo":"^1.10.13","typescript":"^5.0.4","vite-plugin-svgr":"^3.2.0"},"peerDependencies":{"react":">=16.8.0"},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"license":"MIT","author":{"name":"Suni"},"keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"homepage":"https://github.com/YYsuni/react18-json-view#readme","repository":{"type":"git","url":"git+https://github.com/YYsuni/react18-json-view.git"},"bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"sideEffects":["*.css"],"dependencies":{"copy-to-clipboard":"^3.3.3"},"_id":"@abdulghani/react-json-view@0.0.8","gitHead":"1e5636d30f445f1378d164b816a5689982408d76","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-LUBNzZPJd03H91RCrDYoQJ1AvLKJKULr83ac42GCMBJcrSd5XABjbvDuuHG/TXFeVjEbxNHzAFixUCQSQ641fA==","shasum":"0c3c8c21667e245e9ab8f9d6eb102435419c4a64","tarball":"https://registry.npmjs.org/@abdulghani/react-json-view/-/react-json-view-0.0.8.tgz","fileCount":50,"unpackedSize":466688,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDRGtUBiUWhkImjS5Ih7BLQjz6FEEJTuVGk9f29WURZ5AiEA8vcYm6UMVAUDl7sjEKTzRM0YpZauurXxWlYFDk3d8Ok="}]},"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"directories":{},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-json-view_0.0.8_1726708431269_0.6553111133635288"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-18T23:45:03.113Z","modified":"2024-09-19T01:13:51.596Z","0.0.1":"2024-09-18T23:45:03.368Z","0.0.2":"2024-09-18T23:47:18.919Z","0.0.3":"2024-09-19T00:18:54.007Z","0.0.4":"2024-09-19T00:22:37.848Z","0.0.5":"2024-09-19T00:23:19.478Z","0.0.6":"2024-09-19T00:29:48.837Z","0.0.7":"2024-09-19T00:34:23.221Z","0.0.8":"2024-09-19T01:13:51.430Z"},"bugs":{"url":"https://github.com/YYsuni/react18-json-view/issues"},"author":{"name":"Suni"},"license":"MIT","homepage":"https://github.com/YYsuni/react18-json-view#readme","keywords":["function component","interactive","interactive-json","json","json-component","json-display","json-tree","json-view","json-viewer","json-inspector","json-tree","react","react18","react-component","react-json","theme","tree","tree-view","treeview"],"repository":{"type":"git","url":"git+https://github.com/YYsuni/react18-json-view.git"},"description":"JSON viewer for react18","maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"readme":"# [React18 JSON View](https://jv.yysuni.com/)\n\n

\n \n \n \n \n \n \n \n \n \n

\n\nReact function component for displaying javascript arrays and JSON objects. Supports all JS types.\n\n[Website](https://jv.yysuni.com/), [Storybook](https://react18-json-view.vercel.app/),[Online](https://json-view-online.vercel.app/)\n\n\n![JSON View](sample.png \"JSON View\")\n\n\n## Installation\n```bash\nnpm i react18-json-view\n```\n```bash\nnpm i react18-json-view@canary\n```\n\n## Usage\n```tsx\nimport JsonView from 'react18-json-view'\nimport 'react18-json-view/src/style.css'\n// If dark mode is needed, import `dark.css`.\n// import 'react18-json-view/src/dark.css'\n\n\n\n// If needed, you can use the internal stringify function.\n// import { stringify } from 'react18-json-view'\n\n```\n\n### Props\n| Name | Type | Default | Description |\n|:-------------------------------------------------------------------| :---------------------------------------------------------------------------------------------------- |:----------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `src` | `JSON Object` | None | This property contains your input JSON |\n| `className` | `string` | None | The CSS class name(s) to apply to the component. |\n| `style` | `JSON Object` | None | An object containing custom style rules to apply to the component. |\n| `dark` | `boolean` | `false` | Keep in dark mode (Don't forget to import `dark.css`) |\n| `theme` | `default` \\| `a11y` \\| `github` \\| `vscode` \\| `atom`\\|`winter-is-coming` | `'default'` | Color theme |\n| `enableClipboard` | `boolean` | `true` | Whether enable clipboard feature. |\n| `matchesURL` | `boolean` | `true` | Show the link icon if value is string and matches URL regex pattern. |\n| `urlRegExp` | `RegExp` | `/^(((ht\\|f)tps?):\\/\\/)?([^!@#$%^&*?.\\s-]([^!@#$%^&*?.\\s]{0,63}[^!@#$%^&*?.\\s])?\\.)+[a-z]{2,6}\\/?/` | URL RegExp pattern. |\n| `displaySize` | `boolean` \\| `integer` \\| 'collapsed' \\| 'expanded' | `false` | Whether display the size of `Object`, `Array`. |\n| `displayArrayIndex` (canary) | `boolean` | `true` | Whether display the index of `Array`. |\n| `collapseStringsAfterLength` | `integer` | `99` | When an integer value is assigned, strings longer than that length will be truncated and indicated by an ellipsis. To expand or collapse the string content, simply click on the string value. |\n| `customizeCollapseStringUI` | ` (str_show: string, truncated: boolean) => (JSX.Element \\| string)` \\| `string` | - | Customize the collapse string UI. |\n| `ignoreLargeArray` | `boolean` | `false` | Prevent collapsing large array(length > 100) behavior since v0.2.7 |\n| `collapseStringMode` | `'directly'` \\| `'word'` \\| `'address'` | `'directly'` | If the `word` is assigned, the collapsed length will be adjusted to fully display the last word. |\n| `collapsed` | `boolean` \\| `integer` \\| `function` | `false` | When set to true(false), all nodes will be (not) collapsed by default. When using an integer value, it will collapse at a specific depth. The collapsed also can be a function. |\n| `onCollapse` | `function` | - | `(params: { isCollapsing: boolean, node: Record \\| Array, indexOrName: string \\| number \\| undefined, depth: number }) => void` |\n| `collapseObjectsAfterLength` | `integer` | `99` | When an integer value is assigned, the object and array will initially collapse. |\n| `editable` | `boolean` \\| {add?: `boolean`, edit?: `boolean`, delete?: `boolean`} | `false` | When set to true, you can add, edit, or delete the property, and the actions will trigger onAdd, onEdit, or onDelete. Options is available. |\n| `onAdd` | `function` | - | `(params: { indexOrName: string\\| number, depth: number, src: any; parentType: 'object' \\| 'array' }) => void` |\n| `onDelete` | `function` | - | `(params:{ value: any,indexOrName: string \\| number,depth: number,src: any,parentType: 'object' \\| 'array'}) => void` |\n| `onEdit` | `function` | - | `(params: { newValue: any, oldValue: any, depth: number, src: any, indexOrName: string \\| number, parentType: 'object' \\| 'array'}) => void` |\n| `customizeNode` | `ReactElement`\\|`ReactComponent`\\|`Options` | - | Highly customize every node. |\n| `customizeCopy` | `(node: any) => any` | internal stringify | Customize copy behavior, only the returned non-empty string will be written to clipboard. |\n| `CopyComponent` \\/ `DoneComponent` \\/ `CancelComponent` (canary) | `React.FC` \\/ `React.Component` `<{ onClick: (event: React.MouseEvent) => void; className: string ; style: React.CSSProperties}>` | - | Customize copy icon. |\n| `CopiedComponent` (canary) | `React.FC` \\/ `React.Component` `<{ className: string; style: React.CSSProperties }>` | - | Customize copied icon. |\n| `CustomOperation` (canary) | `React.FC` \\/ `React.Component` `<{ node: any }>` | - | Custom Operation |\n\n### Collapsed function\n```ts\n(params: {\n node: Record | Array // Object or array\n indexOrName: number | string | undefined\n depth: number\n size: number // Object's size or array's length\n }) => boolean\n```\n### Editable options\n```ts\n{\n add?: boolean\n edit?: boolean\n delete?: boolean\n}\n```\n### CustomizeNode\n```ts\n(params: { node: any; indexOrName: number | string | undefined; depth: number }) =>\n | {\n add?: boolean\n edit?: boolean\n delete?: boolean\n enableClipboard?: boolean\n collapsed?: boolean\n className?: string\n }\n | React.FC\n | typeof React.Component\n | React.ReactElement\n```\n\n## Editable\n\n### How to generate object/array\n\nThe editor uses `eval()`. While in edit mode, you can enter `({})` or `([])`, which will cause the result of eval to become a new object or array.\n\n> `{}` and `[]` will be auto convert to `({})`,`([])`\n\n> canary: `eval` => `JSON.parse`\n\n### How the editor works\n\nThis component does not perform any cloning operations, so every step of the operation is carried out on the original object. If cloning is required, please handle it yourself.\n\n### Edit keyboard shortcuts\nWhen element is editable:\n* `Ctrl/Cmd+Click` => Edit Mode\n* `Enter` => Submit\n* `Esc` => Cancel\n\n## Custom themes\n\nBelow are the default theme variables that you can easily customize to fit your needs.\n\n```css\n.json-view {\n color: #4d4d4d;\n --json-property: #009033;\n --json-index: #676dff;\n --json-number: #676dff;\n --json-string: #b2762e;\n --json-boolean: #dc155e;\n --json-null: #dc155e;\n}\n.json-view .json-view--property { color: var(--json-property); }\n.json-view .json-view--index { color: var(--json-index); }\n.json-view .json-view--number { color: var(--json-number); }\n.json-view .json-view--string { color: var(--json-string); }\n.json-view .json-view--boolean { color: var(--json-boolean); }\n.json-view .json-view--null { color: var(--json-null); }\n```\n\n## Why\nreact-json-view does not support React 18.\n\n## Todo\n- [x] copy (enableClipboard)\n- [x] css\n- [x] collapse at a particular depth (collapsed)\n- [x] editable\n - [x] add\n - [x] edit\n - [x] delete\n - [x] onChange\n - [ ] onSelect\n- [x] dark mode\n- [ ] custom icon\n - [x] export default icons\n- [x] more usability/scenarios\n- [ ] gif guide\n- [x] more color themes(dark)\n- [x] collapse objects callback\n- [x] editable option\n- [x] advance customization\n - [ ] access internal actions\n- [ ] map/set viewer\n- [ ] display data type\n- [x] display object size\n- [ ] handle circle loop\n- [x] redesign docs\n- [x] truncate long strings\n- [ ] custom `stringify`\n- [x] split large array\n\n\n* tree?","readmeFilename":"README.md"}