{"_id":"@aaic/mindmaptree","_rev":"6-4aedb548dafb4fe6ed78ef2c023c70ff","name":"@aaic/mindmaptree","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@aaic/mindmaptree","version":"1.0.0","description":"Made with create-react-library","author":{"name":"AmitvGhadge","email":"amitvghadge@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/appliedaic/mindmaptree.git"},"main":"dist/index.js","source":"src/index.js","engines":{"node":">=10"},"keywords":["react-mindmap","mindmap"],"scripts":{"start":"parcel watch src/index.js","clean":"rm -rf dist","build":"parcel build src/index.js","prepublish":"yarn clean && yarn build","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.2","d3-drag":"^1.2.5","d3-ease":"^1.0.6","d3-flextree":"^2.1.1","d3-scale":"^3.2.1","d3-scale-chromatic":"^1.5.0","d3-selection":"^1.4.1","d3-shape":"^1.3.7","d3-transition":"^1.3.2","d3-zoom":"^1.8.3","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","parcel-bundler":"^1.12.4","prettier":"^2.0.4","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","sass":"^1.26.8"},"dependencies":{"dom-to-image":"^2.6.0","jspdf":"^2.1.1","react-contexify":"^4.1.1"},"gitHead":"3b451fa0cbe9849522c08ccf293b3deb938313e7","bugs":{"url":"https://github.com/appliedaic/mindmaptree/issues"},"homepage":"https://github.com/appliedaic/mindmaptree#readme","_id":"@aaic/mindmaptree@1.0.0","_nodeVersion":"14.5.0","_npmVersion":"6.14.9","dist":{"integrity":"sha512-x6iUSKWUghjdcDrTdmT4Xo9baR0GrhiN1BONAgOAIKh91G5UArCn/ujXDXCYYuIQfFvDe0EEv26PyZma5mVKMQ==","shasum":"637dc3c001cd25836751be28fcb8199df436f57a","tarball":"https://registry.npmjs.org/@aaic/mindmaptree/-/mindmaptree-1.0.0.tgz","fileCount":12,"unpackedSize":5341649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgE9QTCRA9TVsSAnZWagAAQ04P/RXGP0CfWG7meuWuI18z\nGE7cO4jQ0pdUSvhUM9Ib9bUPpmsjxqBAtBHBvFCMvgQk7pqJnAAYOyTAQ/aX\n7d7YwVA9Ek8E7V/oNXIytIOut1VRXbvj9psVyh+tBk4pc6o7oBfPALANwqkO\nrJHw6SoESPygXTOXPOV33GUMPyHx3WhnM7dLo78dwSXthumTMcNdNtHJx9zq\nUU/eBfLH89H/idOtIh7x2e55AbDSauKZS8C+bKY4+WOVogriB7p5dQoOxIqW\njwVR5d5uw9gfWGfhqHxznuUeuZDio67rvuEn28976xaI4ZJK/fLhRKEt4BYg\npOs6BqFGYMklSZ5jcr/GYRg0Tj8lVDUVUQyG0X9NiwV4lWbtRZcMsSSgFPcA\n/mPNpUVDIKyrjpMiit+HCeEvBs0E3TyKfFEYFD8od0+rBRKEWb+iXhh/YE1K\nxlqNi5zfa9USG9Fd5dAHn0KCZ4mD+Rul2VsU1OubZ/d8bHnFoLZ4BiU6CJXk\nsZRrLdAbalwWwQ7ty8jNU8LA+cABcABrYJLpNdBjVuZ3G6c7F1lcRT8yMod9\ndgT9t/HipeP4sTLRVqn+xOnaCKC/mQcGPIQMdyE6YiNdqF6MuHjy2fPLKMvV\nAIBHoPL/Lvfkx8XBbK/so0QYX2IZGIc/dLGuG68bcHiswgTRkXQckb8L+Rbg\nbOnH\r\n=5pjH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBwE/TjyVqgOJzE7oTz268iV+6l6wUTor0OkQpsK62BzAiEAoi/2y8pjBDEs7GcS/aOTNkQHiBQrdAa5sL5rn4hBHFg="}]},"_npmUser":{"name":"amitvg","email":"amitvghadge@gmail.com"},"directories":{},"maintainers":[{"name":"bharat123","email":"bharatnainani1997@gmail.com"},{"name":"amitvg","email":"amitvghadge@gmail.com"},{"name":"gaurav_aaic","email":"gaurav@appliedaiconsulting.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mindmaptree_1.0.0_1611912210820_0.6419036730892789"},"_hasShrinkwrap":false},"1.0.1":{"name":"@aaic/mindmaptree","version":"1.0.1","description":"Made with create-react-library","author":{"name":"AmitvGhadge","email":"amitvghadge@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/appliedaic/mindmaptree.git"},"main":"dist/index.js","source":"src/index.js","engines":{"node":">=10"},"keywords":["react-mindmap","mindmap"],"scripts":{"start":"parcel watch src/index.js","clean":"rm -rf dist","build":"parcel build src/index.js","prepublish":"yarn clean && yarn build","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.2","d3-drag":"^1.2.5","d3-ease":"^1.0.6","d3-flextree":"^2.1.1","d3-scale":"^3.2.1","d3-scale-chromatic":"^1.5.0","d3-selection":"^1.4.1","d3-shape":"^1.3.7","d3-transition":"^1.3.2","d3-zoom":"^1.8.3","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","parcel-bundler":"^1.12.4","prettier":"^2.0.4","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","sass":"^1.26.8"},"dependencies":{"dom-to-image":"^2.6.0","jspdf":"^2.1.1","react-contexify":"^4.1.1"},"gitHead":"c504fca9300ca2030f89c19d752bd3d23d549960","bugs":{"url":"https://github.com/appliedaic/mindmaptree/issues"},"homepage":"https://github.com/appliedaic/mindmaptree#readme","_id":"@aaic/mindmaptree@1.0.1","_nodeVersion":"14.5.0","_npmVersion":"6.14.9","dist":{"integrity":"sha512-XrIFuJ5FFmeCJWE5/eqVQK7SAZBeOO8UbeJn+1gBGFDzG6+4kgHNDUbrhl7dKh1fgB/MEJjMK0KnWg3tw9Zeeg==","shasum":"c6d4013efb10c84daa7e47f39e645dd83b12316e","tarball":"https://registry.npmjs.org/@aaic/mindmaptree/-/mindmaptree-1.0.1.tgz","fileCount":12,"unpackedSize":5339158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFBRWCRA9TVsSAnZWagAAxAsP/09apM14jlnCBelWn/6+\nD7xdvwofNxKF3HAZA4M/VtlpUi5NvhP7Nq0K4qikzYyyH/oA3pkBsMyeRIS6\nVcyNeNSBzj/8IGTbFFJAfyFBRlk2RUHQ6tFHAqWWBysibDASFHmX4GmMPBMB\nm2BbcEwlTyj1ERToY9sYY+BHTay068P9aULgY5NvFTwCoa2NtY3rAxDaJ8Kt\nDYuz/sNpinwvnlDvhnmUPEekc04MI0THehjK2uxM+D2/mdUZN1n2cwAk1CTu\nfMHYs3Iq/LjhTYcJlkDNhQdsbb9h6fwh+CiXTS7GIkSfjBkOuDH0ivAdjok/\nYCjPKhdP2MhFVaJeYZQHb1WoRDGBS+qG2kidziKSkGYZzBRKOEAPA60mmPlN\nWSKWCVU554Y+kXByeKWMeNEquYcXwhEgDrYMfbyAJ0bE998rBdvcY9x/MUIq\nBNUbB9Mee7HyUJBC8o4wSgCqz9f8k1uhPhVuMYsM7wal8A+5M5zOxPZ4WvqB\nz0dWHaol8JEwukkwDsVv5LqxAFv1HmqZnLM24hZJ5JSM3NR8PW/LSrlWj9xo\nJ/STyEvmfAs2qoMDgbEKMqMqqb52OjHSJtncckBNEcFkESkvM3ahFkrw9Cz2\nEid31Bn1NWdN/uCYNgk0y9fAYHVSzTt0tbIqYCukOp6giAKeHacdMSkqOUF7\ngHZa\r\n=zzXy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGCIn1e2z5jesp2EDEjny/0tbqmYDyK6nezyOyO4x7GlAiBznDGBByEOqZoc7lPkVKtKB3bwO+6DBQIWsyPFJzyHPA=="}]},"_npmUser":{"name":"amitvg","email":"amitvghadge@gmail.com"},"directories":{},"maintainers":[{"name":"bharat123","email":"bharatnainani1997@gmail.com"},{"name":"amitvg","email":"amitvghadge@gmail.com"},{"name":"gaurav_aaic","email":"gaurav@appliedaiconsulting.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mindmaptree_1.0.1_1611928661966_0.7558534547607776"},"_hasShrinkwrap":false},"1.0.2":{"name":"@aaic/mindmaptree","version":"1.0.2","description":"Made with create-react-library","author":{"name":"AmitvGhadge","email":"amitvghadge@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/appliedaic/mindmaptree.git"},"main":"dist/index.js","source":"src/index.js","engines":{"node":">=10"},"keywords":["react-mindmap","mindmap"],"scripts":{"start":"parcel watch src/index.js","clean":"rm -rf dist","build":"parcel build src/index.js","prepublish":"yarn clean && yarn build","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.2","d3-drag":"^1.2.5","d3-ease":"^1.0.6","d3-flextree":"^2.1.1","d3-scale":"^3.2.1","d3-scale-chromatic":"^1.5.0","d3-selection":"^1.4.1","d3-shape":"^1.3.7","d3-transition":"^1.3.2","d3-zoom":"^1.8.3","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","parcel-bundler":"^1.12.4","prettier":"^2.0.4","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","sass":"^1.26.8"},"dependencies":{"dom-to-image":"^2.6.0","jspdf":"^2.1.1","react-contexify":"^4.1.1"},"gitHead":"f1db78db91dbd24bc91039efa4000cab89781907","bugs":{"url":"https://github.com/appliedaic/mindmaptree/issues"},"homepage":"https://github.com/appliedaic/mindmaptree#readme","_id":"@aaic/mindmaptree@1.0.2","_nodeVersion":"14.5.0","_npmVersion":"6.14.9","dist":{"integrity":"sha512-bhiHeDOCft+RYoy8WlHZtBlT9E2o6IrZgSa897y1lq3E6dMzlb6uGydOdCWtGpqEkmHigIj1P5aEx1xk6CqURg==","shasum":"262f1de180489d08ba3d5f55dc415dc3bbc0da71","tarball":"https://registry.npmjs.org/@aaic/mindmaptree/-/mindmaptree-1.0.2.tgz","fileCount":12,"unpackedSize":5339426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIPziCRA9TVsSAnZWagAAywUP/jrTjNfMYH/d8qzkIbis\noEiNuLnJyFgFued4djJ+/DtiMh0+Yv9wRVJinOsTNZ/8D1rQxl0kUX9Sag6u\n9jEt7fSRcdZhfpSpaUrR+t5wjXPoZO353Sgs5eethxHE9DkoeiLf11ohUk2Q\nTKEBRBL2YotGAhYFi9A/XvbVOBEPN3YhD5uFJO3e5VqWc8OLjdkFT6hwp+PK\nE4E/RD+yzeIf61abgX4H0fv82Uie31qZW6D2xjmjNZQcMPty97MqIzG/NyiR\ny837anUoHv2SXxYLJjjArjZJFBIL+1Lv8kMlo6lHxJQ3U8CVLQHx5YT3nvgG\ne9h8qV5nt4DQXoMBG8JbqrDtG9u8MB/IGIBTPXoRwazsnqLfwzr6QT+DM2Zq\nSZ5WLK17K9W2RlVx/YSt7LoBqdR79b9XhF16XH7TmdgrgJz1tyeJ//j5GxBd\noZ4m5J2eHzUvNor4aZtIxxo14QZa8UxrIe7sBLRlS5Ig2usUUPcCGBkyIgz7\n2RRTRd9uV6bGJiLcfGy0tqMNVRM705V3G7XSwopJP+p/TMOGvavb7TovZO5D\nfpklTzAF2ljbiYRRTTe7tIsWBhJRmyz4f4+8nuNNe7+hAnDBN2yBMq2LXDnD\nliu01HArsaynQNs5zue2t9NbRvrncQTsdN6llAts7wDsym8n+JqUEFvmA+zZ\nj/CK\r\n=3yVg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAjAu94GeivvXcr4owGiRYapnl7BVvXdZBErA1+D6EBAAiEA3rblDVtYbZtpCiduYFqWSEJsimj4oUiAd82AfJRxqlM="}]},"_npmUser":{"name":"amitvg","email":"amitvghadge@gmail.com"},"directories":{},"maintainers":[{"name":"bharat123","email":"bharatnainani1997@gmail.com"},{"name":"amitvg","email":"amitvghadge@gmail.com"},{"name":"gaurav_aaic","email":"gaurav@appliedaiconsulting.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mindmaptree_1.0.2_1612774625834_0.30674900327952104"},"_hasShrinkwrap":false},"1.0.3":{"name":"@aaic/mindmaptree","version":"1.0.3","description":"Made with create-react-library","author":{"name":"AmitvGhadge","email":"amitvghadge@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/appliedaic/mindmaptree.git"},"main":"dist/index.js","source":"src/index.js","engines":{"node":">=10"},"keywords":["react-mindmap","mindmap"],"scripts":{"start":"parcel watch src/index.js","clean":"rm -rf dist","build":"parcel build src/index.js","prepublish":"yarn clean && yarn build","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.2","d3-drag":"^1.2.5","d3-ease":"^1.0.6","d3-flextree":"^2.1.1","d3-scale":"^3.2.1","d3-scale-chromatic":"^1.5.0","d3-selection":"^1.4.1","d3-shape":"^1.3.7","d3-transition":"^1.3.2","d3-zoom":"^1.8.3","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","parcel-bundler":"^1.12.4","prettier":"^2.0.4","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","sass":"^1.26.8"},"dependencies":{"dom-to-image":"^2.6.0","jspdf":"^2.1.1","react-contexify":"^4.1.1"},"gitHead":"1dc6677a0a10812c3290b815247874636be09f82","bugs":{"url":"https://github.com/appliedaic/mindmaptree/issues"},"homepage":"https://github.com/appliedaic/mindmaptree#readme","_id":"@aaic/mindmaptree@1.0.3","_nodeVersion":"14.5.0","_npmVersion":"6.14.9","dist":{"integrity":"sha512-foQruY7fTym7iH94QUBQCRr4CyEClENjLESsk4kqQ72fo8vIS7Tw3h+JoVLMbtV5gIJo3hYuVrFInKr6LLpqKg==","shasum":"a9ceb009e7ce83133bb9781f8804717f9ae0ed19","tarball":"https://registry.npmjs.org/@aaic/mindmaptree/-/mindmaptree-1.0.3.tgz","fileCount":12,"unpackedSize":5339738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIQLoCRA9TVsSAnZWagAABBIP/iiD71RJ+PLjXP8DUd+F\nT47FOuttg2Rx5J4SHkVvlVrV8pJvkx5ZwRioh/W/Cub+4JJ03N9RGjAavy0R\n/Moj363JDPK7mD/ZqKrKq/0p+q6r21veGvzAi+ve+kImmg6eu2yZ3Hww/eAs\nWmO6M0WcrstmnyMBCo+VUj2TxdHUcRD4xaNtYVMHjaNHkIjdCe6P2LSo2kuC\nAC58oS1arDfLpp5BnLBg0D/0A81wFyOeEOUZeYN+LmGpcjrdsPxczTOoovvR\nRX7q2s/xyQExiwYq+GB5FPsdww2p+6JEdkrLtMZT4ZwwwDIiE4pyeic8Cpux\nuhzrNnzPipPjlvJ4x+nVGD4I6H5AK3KMKR5hKvcrvaOdB6z+X2o4vPjOCbq7\nzBAs9rgaCA28S+KPago5Qj1IDHTFWsxwHEgtEnVeBk+hHyQancUgM3VdNL+D\nBnOBk4qBSZ5LbULqDcwmNfPGq9cLqvpjzZUdDw1VieoCbZDu1RfSqh4kaJY6\n7A5lNgPqi8Us3GdSriz/F/4kBF8+ScZMPQ4+5xt3VrhUAivVJHrYyd1m68cv\nd3ak/UE6NQY8tns7Q8kHqzdVlvhpMkKTOUyo+2buHuPdvCRyxrtlt9wRUQ5S\n3iz8HFvFgKOL0oszen7vWNWNm3Zr/ZHjgovCp/bRULZf9vnKeUivs47i+UIv\nqwah\r\n=FQFj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYECVlFQGYL7s9B+LMKfRFfR78fWP5bNumMkeia/6lcwIhAPTzMvj1usJrKCypknsEdtDGCEuxGjHJp85qJXfH/tb7"}]},"_npmUser":{"name":"amitvg","email":"amitvghadge@gmail.com"},"directories":{},"maintainers":[{"name":"bharat123","email":"bharatnainani1997@gmail.com"},{"name":"amitvg","email":"amitvghadge@gmail.com"},{"name":"gaurav_aaic","email":"gaurav@appliedaiconsulting.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mindmaptree_1.0.3_1612776167539_0.05412821489279551"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-29T09:23:30.587Z","1.0.0":"2021-01-29T09:23:31.037Z","modified":"2022-04-04T10:55:00.899Z","1.0.1":"2021-01-29T13:57:42.178Z","1.0.2":"2021-02-08T08:57:06.042Z","1.0.3":"2021-02-08T09:22:47.743Z"},"maintainers":[{"name":"bharat123","email":"bharatnainani1997@gmail.com"},{"name":"amitvg","email":"amitvghadge@gmail.com"},{"name":"gaurav_aaic","email":"gaurav@appliedaiconsulting.com"}],"description":"Made with create-react-library","homepage":"https://github.com/appliedaic/mindmaptree#readme","keywords":["react-mindmap","mindmap"],"repository":{"type":"git","url":"git+https://github.com/appliedaic/mindmaptree.git"},"author":{"name":"AmitvGhadge","email":"amitvghadge@gmail.com"},"bugs":{"url":"https://github.com/appliedaic/mindmaptree/issues"},"license":"MIT","readme":"# React-nodemap\r\n\r\n> Made with create-react-library\r\n\r\n[![NPM](https://img.shields.io/npm/v/react-nodemap.svg)](https://www.npmjs.com/package/react-nodemap) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\r\n\r\n**react-nodemap**(I prefer to call it **react-mindmap**, but it is massively used ๐Ÿ˜ฐ) is a mindmap React component that I converted from Vue by hand,so you may expect some bugs in any stage from packaging to excution. Feel free to post any issue you find, I will try my best to take care of it.\r\n>the original Vue version: [https://github.com/hellowuxin/mindmap]\r\n\r\n## ๐Ÿ‰๐Ÿˆš Demo\r\nplay with the [Demo](https://ysqsimon.github.io/react-nodemap/)\r\n\r\n## ๐ŸคŸ๐ŸปNew Updates(latest first)\r\n1. can add your own watermark when export\r\n2. added right click context menu and an option to\r\n3. export whole mindmap to img or pdf\r\n\r\n## ๐Ÿ’พ Install\r\n\r\n```bash\r\nnpm install react-nodemap\r\n```\r\nor\r\n```bash\r\nyarn add react-nodemap\r\n```\r\n\r\n## ๐Ÿ”Œ API\r\n| Property | Description | Type | Default |\r\n| ------------- |:-------------:| -----:| -------:|\r\n| defaultValue | tree data(currently only accepts one obj in the array as the only root ) | `[]` | `[{ name: 'Root', children: [] }]` |\r\n| value | same as `defaultValue`, but has full control | `[]` | `[{ name: 'Root', children: [] }]` |\r\n| depthLimit | add limit to tree depth | int | null |\r\n| fields | specify the extra fields you pass into the data structure and also expecting them back when exported in onDataChange, by default see below node structure | `[]` | `['id','createdAt']`|\r\n| onDataChange | function to update your data passed in `value` prop | func | |\r\n| style | good to specify whole canvas width and height, especially for export to pdf, the best is a 297:210 ratio landscape | `{}` | none |\r\n| exportWatermark | show you own watermark img when export, you need at least a `imgSrc` a imgUrl or relative path and `format` e.g. 'JPEG', 'PNG', 'WEBP'(for jsPDF) | `{}` | `{}` |\r\n\r\n#### โ— Note\r\nNode Data Structure Export\r\n```jsx\r\n{\r\n name:'',\r\n children:[],\r\n // generated in the tree constructor, will be replaced if you have your own fields array\r\n size:[], \r\n color:'',\r\n depth: 0,\r\n nodeId: 0,\r\n}\r\n``` \r\n- `onDataChange` will only fire when you add, delete, move branch, change sibling positions and change text of nodes(when a node input loses focus)\r\n- specify the fields in `fields` as an array like `['id','createdAt']` to keep data clean when exporting, but ๐Ÿ‘‡\r\n```diff\r\n! WARNING: avoid passing in fields with already taken names, see above node structure\r\n```\r\n\r\n## ๐Ÿป Example\r\nyou can play around with the component `` even before adding any props, but be sure to add `onDataChange` func to update the var you passed into the value prop\r\n### React Class Component\r\n```jsx\r\nimport React, { Component } from 'react'\r\n\r\nimport Nodemap from 'react-nodemap'\r\nimport 'react-nodemap/dist/index.css'\r\n\r\nclass Example extends Component {\r\n constructor(props){\r\n super(props)\r\n this.state = {\r\n data: [\r\n {\r\n name: 'some text',\r\n children:[ \r\n {\r\n name: 'some other text',\r\n children:[]\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n }\r\n\r\n onDataChange = (value) =>{\r\n this.setState({\r\n data: value\r\n })\r\n }\r\n\r\n render() {\r\n return \r\n \r\n }\r\n}\r\n```\r\nor\r\n### React Hooks Component\r\n\r\n```jsx\r\nimport React, {useState, useEffect} from 'react'\r\nimport Nodemap from 'react-nodemap'\r\n\r\nimport 'react-nodemap/dist/index.css'\r\n\r\nconst App = () => {\r\n const [data,setData] = useState([\r\n {\r\n name: 'some text',\r\n children:[ \r\n {\r\n name: 'some other text',\r\n children:[]\r\n }\r\n ]\r\n }\r\n ])\r\n\r\n return (\r\n
\r\n setData(value)}\r\n depthLimit={0}\r\n fields={['color','depth','id']}\r\n />\r\n
\r\n )\r\n}\r\n```\r\n\r\n### ๐Ÿ˜ต Known bugs๏ผˆthat currently no idea how to fix๏ผ‰\r\n- [ ] change siblings position downward sometimes will not work or maybe crash\r\n\r\n## License\r\n\r\nMIT ยฉ [ysqsimon](https://github.com/ysqsimon)\r\n","readmeFilename":"README.md"}