{"_id":"@aer0spike/react-ui-tree","_rev":"5-2b7b62eee35af492463c5da2b001e9c7","name":"@aer0spike/react-ui-tree","dist-tags":{"latest":"5.0.5"},"versions":{"5.0.0":{"name":"@aer0spike/react-ui-tree","version":"5.0.0","keywords":["react","react-component","tree"],"author":{"name":"Wang Zuo"},"license":"MIT","_id":"@aer0spike/react-ui-tree@5.0.0","maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"homepage":"https://github.com/pqx/react-ui-tree","bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"dist":{"shasum":"b5b0d78b453a40c5872cb2ad2aee047165f48406","tarball":"https://registry.npmjs.org/@aer0spike/react-ui-tree/-/react-ui-tree-5.0.0.tgz","fileCount":4,"integrity":"sha512-FkAO1akHmKloXD0m+DWxtD1cyaGg/G6Whh7vqIQ4we9bsKrLb/l4BmTeOoUywvAISaLSMlHvYDrV3khA3UOluA==","signatures":[{"sig":"MEQCIBpp2QcdLVmpdiR3ZBSPnP8By3ebeYaVadlcHxFLJOdkAiBvV/HwkOJSy2xY+B9YrDSRWhO4LmMJ0XXdmPVOYSYxsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4769},"jest":{"collectCoverage":true,"collectCoverageFrom":["lib/**/*.js"]},"main":"dist/index.cjs.js","types":"index.d.ts","module":"dist/index.esm.js","gitHead":"aa5fa939952dece178b6657d386321d8af516653","scripts":{"test":"jest --coverage","build":"rollup -c","start":"webpack-dev-server --port=8080","deploy":"webpack --mode production && github-pages-deploy","build-example":"webpack --mode production"},"_npmUser":{"name":"aer0spike","email":"ekipsorea@gmail.com"},"repository":{"url":"git+https://github.com/pqx/react-ui-tree.git","type":"git"},"_npmVersion":"10.2.4","description":"React tree component","directories":{"lib":"lib","example":"example"},"_nodeVersion":"21.6.2","dependencies":{"js-tree":"^2.0.2","classnames":"^2.5.1","prop-types":"^15.8.1","@babel/runtime":"^7.25.6"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^18.3.1","rollup":"^0.66.6","webpack":"^4.47.0","react-dom":"^18.3.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","css-loader":"^1.0.1","@babel/core":"^7.25.2","webpack-cli":"^3.3.12","babel-loader":"^8.4.1","style-loader":"^0.23.1","@babel/preset-env":"^7.25.4","webpack-dev-server":"^3.11.3","@babel/preset-react":"^7.24.7","react-test-renderer":"^18.3.1","regenerator-runtime":"^0.12.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^9.3.4","rollup-plugin-node-resolve":"^3.4.0","@babel/plugin-transform-runtime":"^7.25.4","@babel/plugin-proposal-class-properties":"^7.18.6"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"github-pages-deploy":{"src":"example"},"_npmOperationalInternal":{"tmp":"tmp/react-ui-tree_5.0.0_1727874814853_0.17781158106087935","host":"s3://npm-registry-packages"}},"5.0.1":{"name":"@aer0spike/react-ui-tree","version":"5.0.1","keywords":["react","react-component","tree"],"author":{"name":"Wang Zuo"},"license":"MIT","_id":"@aer0spike/react-ui-tree@5.0.1","maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"homepage":"https://github.com/pqx/react-ui-tree","bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"dist":{"shasum":"5931f652bc6cfbe46025fcf3d4f2ca21e0c64964","tarball":"https://registry.npmjs.org/@aer0spike/react-ui-tree/-/react-ui-tree-5.0.1.tgz","fileCount":6,"integrity":"sha512-kDA2lyIFmC4PlFfh6y4heVH6kMTX9arn9Z/+GPYCnK4d/8uSgFXE9Bs4fhvW+LCh52tKdj2meKDq8iAiiNebxA==","signatures":[{"sig":"MEQCIHJuTbNXaw9c8fnCYhjK+8Mewix9Cglt/DEBYofJhzqoAiAg+6WMieBoL38yK0t4M2QMRhWpal0i2HuFb0KpJhReLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5056},"jest":{"collectCoverage":true,"collectCoverageFrom":["lib/**/*.js"]},"main":"dist/index.cjs.js","types":"index.d.ts","module":"dist/index.esm.js","gitHead":"aa5fa939952dece178b6657d386321d8af516653","scripts":{"test":"jest --coverage","build":"rollup -c","start":"webpack-dev-server --port=8080","deploy":"webpack --mode production && github-pages-deploy","build-example":"webpack --mode production"},"_npmUser":{"name":"aer0spike","email":"ekipsorea@gmail.com"},"repository":{"url":"git+https://github.com/pqx/react-ui-tree.git","type":"git"},"_npmVersion":"10.2.4","description":"React tree component","directories":{"lib":"lib","example":"example"},"_nodeVersion":"21.6.2","dependencies":{"js-tree":"^2.0.2","classnames":"^2.5.1","prop-types":"^15.8.1","@babel/runtime":"^7.25.6"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^18.3.1","rollup":"^0.66.6","webpack":"^4.47.0","react-dom":"^18.3.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","css-loader":"^1.0.1","@babel/core":"^7.25.2","webpack-cli":"^3.3.12","babel-loader":"^8.4.1","style-loader":"^0.23.1","@babel/preset-env":"^7.25.4","webpack-dev-server":"^3.11.3","@babel/preset-react":"^7.24.7","react-test-renderer":"^18.3.1","regenerator-runtime":"^0.12.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^9.3.4","rollup-plugin-node-resolve":"^3.4.0","@babel/plugin-transform-runtime":"^7.25.4","@babel/plugin-proposal-class-properties":"^7.18.6"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"github-pages-deploy":{"src":"example"},"_npmOperationalInternal":{"tmp":"tmp/react-ui-tree_5.0.1_1727875635316_0.5797294979782635","host":"s3://npm-registry-packages"}},"5.0.2":{"name":"@aer0spike/react-ui-tree","version":"5.0.2","keywords":["react","react-component","tree"],"author":{"name":"Wang Zuo"},"license":"MIT","_id":"@aer0spike/react-ui-tree@5.0.2","maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"homepage":"https://github.com/pqx/react-ui-tree","bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"dist":{"shasum":"8fffd2a281b24575014aeb6871bbb07054dbcb2d","tarball":"https://registry.npmjs.org/@aer0spike/react-ui-tree/-/react-ui-tree-5.0.2.tgz","fileCount":7,"integrity":"sha512-vPgV2sUwavdnJMPhnAZPmBnq74PBdath1vkx8Nw6BVd2L888zErd//eZnhfmByQxsR61IKwqSYSodOI4JkT/yw==","signatures":[{"sig":"MEUCIQDm2uGbfQZeLwzR9g2GgiHIg0snQ1ZsfouaAe7rLb6tMgIgLXWixPSYay7T9WTqkyuKSFoRJ/wtjKGLEeoecli2YXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15286},"jest":{"collectCoverage":true,"collectCoverageFrom":["lib/**/*.js"]},"main":"dist/index.cjs.js","types":"index.d.ts","module":"dist/index.esm.js","gitHead":"aa5fa939952dece178b6657d386321d8af516653","scripts":{"test":"jest --coverage","build":"rollup -c","start":"webpack-dev-server --port=8080","deploy":"webpack --mode production && github-pages-deploy","build-example":"webpack --mode production"},"_npmUser":{"name":"aer0spike","email":"ekipsorea@gmail.com"},"repository":{"url":"git+https://github.com/pqx/react-ui-tree.git","type":"git"},"_npmVersion":"10.2.4","description":"React tree component","directories":{"lib":"lib","example":"example"},"_nodeVersion":"21.6.2","dependencies":{"js-tree":"^2.0.2","classnames":"^2.5.1","prop-types":"^15.8.1","@babel/runtime":"^7.25.6"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^18.3.1","rollup":"^0.66.6","webpack":"^4.47.0","react-dom":"^18.3.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","css-loader":"^1.0.1","@babel/core":"^7.25.2","webpack-cli":"^3.3.12","babel-loader":"^8.4.1","style-loader":"^0.23.1","@babel/preset-env":"^7.25.4","webpack-dev-server":"^3.11.3","@babel/preset-react":"^7.24.7","react-test-renderer":"^18.3.1","regenerator-runtime":"^0.12.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^9.3.4","rollup-plugin-node-resolve":"^3.4.0","@babel/plugin-transform-runtime":"^7.25.4","@babel/plugin-proposal-class-properties":"^7.18.6"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"github-pages-deploy":{"src":"example"},"_npmOperationalInternal":{"tmp":"tmp/react-ui-tree_5.0.2_1727877020141_0.8510422138205054","host":"s3://npm-registry-packages"}},"5.0.3":{"name":"@aer0spike/react-ui-tree","version":"5.0.3","keywords":["react","react-component","tree"],"author":{"name":"Wang Zuo"},"license":"MIT","_id":"@aer0spike/react-ui-tree@5.0.3","maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"homepage":"https://github.com/pqx/react-ui-tree","bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"dist":{"shasum":"5a4518bb1f94429df205163225249b4eb3ddea21","tarball":"https://registry.npmjs.org/@aer0spike/react-ui-tree/-/react-ui-tree-5.0.3.tgz","fileCount":8,"integrity":"sha512-amhHJcO6fD3peZUrmuRyJIjHz4OWxHBFRDKWOxMLTwJd0hMqpSTDemS8BYxB/aOOE6ar3NyPcfKRNopz3m8MrQ==","signatures":[{"sig":"MEUCIB9IBADOeiJ3gUvPZt6frZ3xqfNeu2c56WIevZLMmT51AiEA4rN3B2E8bZvWhDMIEhvDp9OFlfnrBZLR81AchUBODhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15268},"jest":{"collectCoverage":true,"collectCoverageFrom":["lib/**/*.js"]},"main":"index.js","gitHead":"aa5fa939952dece178b6657d386321d8af516653","scripts":{"test":"jest --coverage","build":"rollup -c","start":"webpack-dev-server --port=8080","deploy":"webpack --mode production && github-pages-deploy","build-example":"webpack --mode production"},"_npmUser":{"name":"aer0spike","email":"ekipsorea@gmail.com"},"repository":{"url":"git+https://github.com/pqx/react-ui-tree.git","type":"git"},"_npmVersion":"10.2.4","description":"React tree component","directories":{"lib":"lib","example":"example"},"_nodeVersion":"21.6.2","dependencies":{"js-tree":"^2.0.2","classnames":"^2.5.1","prop-types":"^15.8.1","@babel/runtime":"^7.25.6"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^18.3.1","rollup":"^0.66.6","webpack":"^4.47.0","react-dom":"^18.3.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","css-loader":"^1.0.1","@babel/core":"^7.25.2","webpack-cli":"^3.3.12","babel-loader":"^8.4.1","style-loader":"^0.23.1","@babel/preset-env":"^7.25.4","webpack-dev-server":"^3.11.3","@babel/preset-react":"^7.24.7","react-test-renderer":"^18.3.1","regenerator-runtime":"^0.12.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^9.3.4","rollup-plugin-node-resolve":"^3.4.0","@babel/plugin-transform-runtime":"^7.25.4","@babel/plugin-proposal-class-properties":"^7.18.6"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"github-pages-deploy":{"src":"example"},"_npmOperationalInternal":{"tmp":"tmp/react-ui-tree_5.0.3_1727877213935_0.6455722093097533","host":"s3://npm-registry-packages"}},"5.0.4":{"name":"@aer0spike/react-ui-tree","version":"5.0.4","keywords":["react","react-component","tree"],"author":{"name":"Wang Zuo"},"license":"MIT","_id":"@aer0spike/react-ui-tree@5.0.4","maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"homepage":"https://github.com/pqx/react-ui-tree","bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"dist":{"shasum":"73a86d25fdd08e8de9d5672d11ef9dbd9cb8fb61","tarball":"https://registry.npmjs.org/@aer0spike/react-ui-tree/-/react-ui-tree-5.0.4.tgz","fileCount":8,"integrity":"sha512-t2podPiZwMAMpzNokVDDXT1Rrx30LrToPxYPYrw9AEjEMxswekEHjGWv4XBimir2kLmT4vS2a3hs8c1xmERRHw==","signatures":[{"sig":"MEUCIQD8RQx7gpUo+i8CqAxZu+L7trP93gQCI0pCARy5UZ5nbwIgIq6qvEjY7A0s/jAgingi1OHKcMzPsLASdCYae5Iv57M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15268},"jest":{"collectCoverage":true,"collectCoverageFrom":["lib/**/*.js"]},"main":"index.js","gitHead":"aa5fa939952dece178b6657d386321d8af516653","scripts":{"test":"jest --coverage","build":"rollup -c","start":"webpack-dev-server --port=8080","deploy":"webpack --mode production && github-pages-deploy","build-example":"webpack --mode production"},"_npmUser":{"name":"aer0spike","email":"ekipsorea@gmail.com"},"repository":{"url":"git+https://github.com/pqx/react-ui-tree.git","type":"git"},"_npmVersion":"10.2.4","description":"React tree component","directories":{"lib":"lib","example":"example"},"_nodeVersion":"21.6.2","dependencies":{"js-tree":"^2.0.2","classnames":"^2.5.1","prop-types":"^15.8.1","@babel/runtime":"^7.25.6"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^18.3.1","rollup":"^0.66.6","webpack":"^4.47.0","react-dom":"^18.3.1","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","css-loader":"^1.0.1","@babel/core":"^7.25.2","webpack-cli":"^3.3.12","babel-loader":"^8.4.1","style-loader":"^0.23.1","@babel/preset-env":"^7.25.4","webpack-dev-server":"^3.11.3","@babel/preset-react":"^7.24.7","react-test-renderer":"^18.3.1","regenerator-runtime":"^0.12.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^9.3.4","rollup-plugin-node-resolve":"^3.4.0","@babel/plugin-transform-runtime":"^7.25.4","@babel/plugin-proposal-class-properties":"^7.18.6"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"github-pages-deploy":{"src":"example"},"_npmOperationalInternal":{"tmp":"tmp/react-ui-tree_5.0.4_1727877974296_0.663048618882967","host":"s3://npm-registry-packages"}},"5.0.5":{"name":"@aer0spike/react-ui-tree","version":"5.0.5","description":"React tree component","main":"index.js","scripts":{"start":"webpack-dev-server --port=8080","build":"rollup -c","build-example":"webpack --mode production","deploy":"webpack --mode production && github-pages-deploy","test":"jest --coverage"},"github-pages-deploy":{"src":"example"},"repository":{"type":"git","url":"git+https://github.com/pqx/react-ui-tree.git"},"keywords":["react","react-component","tree"],"author":{"name":"Wang Zuo"},"license":"MIT","bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"homepage":"https://github.com/pqx/react-ui-tree","peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"dependencies":{"@babel/runtime":"^7.25.6","classnames":"^2.5.1","js-tree":"^2.0.2","prop-types":"^15.8.1"},"devDependencies":{"@babel/core":"^7.25.2","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-transform-runtime":"^7.25.4","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","babel-loader":"^8.4.1","css-loader":"^1.0.1","jest":"^23.6.0","react":"^18.3.1","react-dom":"^18.3.1","react-test-renderer":"^18.3.1","regenerator-runtime":"^0.12.1","rollup":"^0.66.6","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^9.3.4","rollup-plugin-node-resolve":"^3.4.0","style-loader":"^0.23.1","webpack":"^4.47.0","webpack-cli":"^3.3.12","webpack-dev-server":"^3.11.3"},"_id":"@aer0spike/react-ui-tree@5.0.5","gitHead":"aa5fa939952dece178b6657d386321d8af516653","_nodeVersion":"21.6.2","_npmVersion":"10.2.4","dist":{"integrity":"sha512-G2fSH4yt6358gKMG2/AIDsVpz8xWKxBHzjHDkOdzoalSVbM7IJ0O6OAYGqeFJAiCdrRxuTonvJlOydik9YHRLA==","shasum":"ee07c75c7351c746e00e9008ae3dba05aa1e30c0","tarball":"https://registry.npmjs.org/@aer0spike/react-ui-tree/-/react-ui-tree-5.0.5.tgz","fileCount":10,"unpackedSize":15138,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEoLaTFXDjCw0neY4a7x12cIAiNR841q5ANcdcWI6Om2AiAXmXgUez8NYKqJsua9quVGCkbBzaa8GPbh46mvgwq/ig=="}]},"_npmUser":{"name":"aer0spike","email":"ekipsorea@gmail.com"},"directories":{},"maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ui-tree_5.0.5_1727878379362_0.09791456934450693"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-02T13:13:34.761Z","modified":"2024-10-02T14:12:59.704Z","5.0.0":"2024-10-02T13:13:35.079Z","5.0.1":"2024-10-02T13:27:15.516Z","5.0.2":"2024-10-02T13:50:20.321Z","5.0.3":"2024-10-02T13:53:34.121Z","5.0.4":"2024-10-02T14:06:14.470Z","5.0.5":"2024-10-02T14:12:59.548Z"},"bugs":{"url":"https://github.com/pqx/react-ui-tree/issues"},"author":{"name":"Wang Zuo"},"license":"MIT","homepage":"https://github.com/pqx/react-ui-tree","keywords":["react","react-component","tree"],"repository":{"type":"git","url":"git+https://github.com/pqx/react-ui-tree.git"},"description":"React tree component","maintainers":[{"name":"aer0spike","email":"ekipsorea@gmail.com"}],"readme":"# react-ui-tree\n\n[![Build Status](https://travis-ci.org/pqx/react-ui-tree.svg)](https://travis-ci.org/pqx/react-ui-tree)\n[![npm](https://img.shields.io/npm/v/react-ui-tree.svg)](https://www.npmjs.com/package/react-ui-tree)\n[![npm](https://img.shields.io/npm/dm/react-ui-tree.svg)](https://www.npmjs.com/package/react-ui-tree)\n\nReact tree component\n\nThis project was initially developed for a webpage builder. It maintains an\ninternal tree structure within the component through\n[js-tree](https://github.com/wangzuo/js-tree).\n\n### Demo\n\n[swiftcarrot.github.io/react-ui-tree/](swiftcarrot.github.io/react-ui-tree/)\n\n### Installation\n\n```sh\nnpm install react-ui-tree --save\n```\n\n### Usage\n\n```javascript\n<Tree\n  paddingLeft={20}              // left padding for children nodes in pixels\n  tree={this.state.tree}        // tree object\n  onChange={this.handleChange}  // onChange(tree) tree object changed\n  renderNode={this.renderNode}  // renderNode(node) return react element\n/>\n\n// a sample tree object\n// node.children, node.collapsed, node.leaf properties are hardcoded\n{\n  \"module\": \"react-ui-tree\",\n  \"children\": [{\n    \"collapsed\": true,\n    \"module\": \"dist\",\n    \"children\": [{\n      \"module\": \"node.js\"\n    }]\n  }]\n}\n```\n\ncheck [app.js](https://github.com/pqx/react-ui-tree/blob/master/example/app.js)\nfor a working example\n\n### Development\n\n* npm install\n* npm start\n* http://localhost:8080/example\n\n### License\n\nMIT\n","readmeFilename":"README.md"}