{"_id":"@churivibhav/react-org-chart-next","name":"@churivibhav/react-org-chart-next","dist-tags":{"latest":"0.3.0"},"versions":{"0.3.0":{"name":"@churivibhav/react-org-chart-next","version":"0.3.0","description":"Simple, high-performance react component for d3 org chart","repository":{"type":"git","url":"git+https://github.com/churivibhav/react-org-chart-next.git"},"main":"dist/index.js","directories":{"example":"examples"},"scripts":{"build":"webpack --mode production","build-vendor":"webpack --mode production --config webpack.vendor.config.js","clean":"rimraf dist","dev":"npm run build-vendor && webpack-dev-server --mode development --config webpack.dev.config.js","prepublishOnly":"npm run clean && npm run build","test":"jest","test:watch":"jest --watch","version":"git add -A src","postversion":"git push && git push --tags"},"keywords":["react","org-chart","organization-chart","d3","organizational-chart","hierarchy","tree","chart","component"],"author":{"name":"Vibhav Churi","email":"churi.vibhav@gmail.com"},"license":"MIT","dependencies":{"d3":">= 3.x < 4"},"devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-transform-class-properties":"^7.23.0","@babel/preset-env":"^7.23.0","@babel/preset-react":"^7.27.1","@faker-js/faker":"^8.3.1","@testing-library/jest-dom":"^6.1.4","@testing-library/react":"^14.0.0","babel-jest":"^29.7.0","babel-loader":"^9.1.3","glob":"^10.3.10","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","lodash":"^4.17.21","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","webpack":"^5.89.0","webpack-cli":"^5.1.4","webpack-dev-server":"^5.0.0"},"peerDependencies":{"d3":">= 3.x < 4","react":">= 15.x","react-dom":">= 15.x"},"bugs":{"url":"https://github.com/churivibhav/react-org-chart-next/issues"},"homepage":"https://github.com/churivibhav/react-org-chart-next#readme","publishConfig":{"access":"public"},"_id":"@churivibhav/react-org-chart-next@0.3.0","gitHead":"d117db20d725c86b1f69d933dbde29beeb4c2540","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-4LYdckmc1Gyd8JuiD5o1AJDXq2omYVAIz/5vMxjttndsKncdQ9adY41gWpUqckQH8FL53PIOyB2qax1lfpC2jA==","shasum":"c56db1e9f1811ed73fb965caaf01a57dd3b92928","tarball":"https://registry.npmjs.org/@churivibhav/react-org-chart-next/-/react-org-chart-next-0.3.0.tgz","fileCount":3,"unpackedSize":26138,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEoATY1vWACZrpAyLMu5U/y046mSCUKYOumOV6kufz46AiEAiOKGIbmw6au0D4qMPiyRmqqLvwbBo8w+1v0Vbo57Lcc="}]},"_npmUser":{"name":"churivibhav","email":"churi.vibhav@gmail.com"},"maintainers":[{"name":"churivibhav","email":"churi.vibhav@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-org-chart-next_0.3.0_1755780221383_0.632387502732733"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-21T12:43:41.299Z","0.3.0":"2025-08-21T12:43:41.546Z","modified":"2025-08-21T12:43:41.811Z"},"maintainers":[{"name":"churivibhav","email":"churi.vibhav@gmail.com"}],"description":"Simple, high-performance react component for d3 org chart","homepage":"https://github.com/churivibhav/react-org-chart-next#readme","keywords":["react","org-chart","organization-chart","d3","organizational-chart","hierarchy","tree","chart","component"],"repository":{"type":"git","url":"git+https://github.com/churivibhav/react-org-chart-next.git"},"author":{"name":"Vibhav Churi","email":"churi.vibhav@gmail.com"},"bugs":{"url":"https://github.com/churivibhav/react-org-chart-next/issues"},"license":"MIT","readme":"# react-org-chart-next\n\n### Note\n\nThis is a fork of @fx2000/react-org-chart-next that has been customized to fit our needs since the original package appears to be abandoned.\n\n### Usage\n\n```\nimport * as OrgChart from '@churivibhav/react-org-chart-next'\n\n...\n\nrender() {\n  return <OrgChart tree={data} lineType=\"angle\" style={{ height: \"100%\", width: \"100%\" }} />\n}\n\n\n```\n\n### Features\n\n- High-performance D3-based SVG rendering\n- Lazy-load children with a custom function\n- Handle up to 1 million collapsed nodes and 5,000 expanded nodes\n\n### React Props\n\n| **property**      | **type** | **description**                                                       | **example**                                                        |\n| ----------------- | -------- | --------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| tree              | `Object` | Nested data model with all of the employees in the company (Required) | { \"id\": 123, \"person\": { \"name\": \"Fouad Matin\" }, \"children\": [] } |  |\n| nodeWidth         | `Number` | Width of the component for each individual (Optional)                 | 180                                                                |\n| nodeHeight        | `Number` | Height of the component for each individual (Optional)                | 100                                                                |\n| nodeSpacing       | `Number` | Spacing between each of the nodes in the chart (Optional)             | 12                                                                 |\n| animationDuration | `Number` | Duration of the animations in milliseconds (Optional)                 | 350                                                                |\n| lineType          | `String` | Type of line that connects the nodes to each other (Optional)         | “angle” “curve”                                                    |\n| className         | `String` | Define the classes for the root element (Optional)                    | “rc-chart”                                                         |\n| style             | `Object` | Define styling for the root element (Optional)                        | { cursor: \"move\", height: \"100%\", width: \"100%\" }                  |\n","readmeFilename":"readme.md","_rev":"1-2b2b4a68966bf7872b7cb7470f89b5be"}