{"bugs":{"url":"https://github.com/wbkd/react-flow/issues"},"dist":{"shasum":"eecf555f58b7b5befc7f6e10a97afc6fc15fd18d","tarball":"https://registry.npmjs.org/reactflow/-/reactflow-11.0.0-next.2.tgz","fileCount":10,"integrity":"sha512-8kodM+vBpn4KrzXYNcXB37cnRE5dfWQou+KPWC0k1Tbl8ZFOIEnWCjbl7a27MA75F4f6zEb2TCtCUpfN8jbEOQ==","signatures":[{"sig":"MEQCIDhIGS1QryjAqDra1unB8Yyl3+iBBEgue9Kf4GpZaws9AiArx8IqkWWLZ1IFId93kGuilHbnOQymk++Vym1IEYSitQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDIkAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpgxw//RioflDDnJgqQXE4JWVkjF4rTPkQpcNjrwPOlEzK+SyeuSPVl\r\nvZk9qRP3eB5mLRZjS1ECMEIg7wBAukxbP0vS2dN1BHtRwW+V7AIhO4La7Git\r\nj8wTPGqA6jQHS20faF+pZ2dCUF5ToCSub+6DC1EzUiasxXE+xj95vlyE6Rkb\r\nk/rbPg+w19mhtJ4kCCQ0RMgu3aYTI5+FuPHifd8UVFk/p9KngBZoE7i+y0Ak\r\nMe7qw61HWC2iDEZEjlFeI0/VPNDMNyUzZJ8jjwl4T/IAdLcE9AHAAnqu50PA\r\npxWHZfTgj1jyUV3WpDENqdNrqvIF/oE473xQeMOidqkbBtNo6dvkiJNkNqxz\r\nYpcCM9E2s6gxIRsNyD23kY1fh9S7F+hDljrv9KuMuRJGAzHlCfteUTnAI6j1\r\n+859KtQw63R3v04V0XeGoAsUL0gqW526q8t0OLDo2tqzKqV/DxWc+qQc+JDA\r\nM9gqXTWUYgXmdyVbusAWaAIxhqKZH8E6PSoXrJVb8Mbx59wGGYDwbhnW0v4w\r\nKnZ9KV62VeLE72ACK6V/wyUB2fiZskE/av7KFIEUH++THc7xLHrmvXVYHUau\r\nH0AmH9jwa5GECa4J+O2eUgt5zUZqk4uAyZqoYZJY0njBKTeS5IVOHkKdDBCI\r\n9MRg3sZutXrqmzI7jNoffTUA95XWqCCLRO4=\r\n=0cKA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/reactflow.cjs.js","name":"reactflow","types":"dist/reactflow.cjs.d.ts","module":"dist/reactflow.esm.js","readme":"\n\n\n\n\n\n\n\n\n\nA highly customizable React component for building interactive graphs and node-based editors.\n\n[🚀 Getting Started](https://reactflow.dev/docs/getting-started/installation) | [📖 Documentation](https://reactflow.dev/docs/api/react-flow-props) | [📺 Examples](https://reactflow.dev/docs/examples/overview) | [☎️ Discord](https://discord.gg/RVmnytFmGW) | [💎 React Flow Pro](https://pro.reactflow.dev/pricing)\n\n
\n\n---\n\n## Key Features\n\n- **Easy to use:** Seamless zooming and panning, single- and multi selection of graph elements and keyboard shortcuts are supported out of the box\n- **Customizable:** Different [node](https://reactflow.dev/docs/api/nodes/node-types) and [edge types](https://reactflow.dev/docs/api/edges/edge-types) and support for custom nodes with multiple handles and custom edges\n- **Fast rendering:** Only nodes that have changed are re-rendered and only those in the viewport are displayed\n- **Hooks and Utils:** [Hooks](https://reactflow.dev/docs/api/hooks/use-react-flow) for handling nodes, edges and the viewport and graph [helper functions](https://reactflow.dev/docs/api/graph-util-functions)\n- **Plugin Components:** [Background](https://reactflow.dev/docs/api/plugin-components/background), [MiniMap](https://reactflow.dev/docs/api/plugin-components/minimap) and [Controls](https://reactflow.dev/docs/api/plugin-components/controls)\n- **Reliable**: Written in [Typescript](https://www.typescriptlang.org/) and tested with [cypress](https://www.cypress.io/)\n\n## Commercial Usage / Attribution\n\nReact Flow includes a small attribution that links to the React Flow website. **We expect companies who are using React Flow commercially to subscribe to [React Flow Pro](https://pro.reactflow.dev/pricing) if they want to remove the attribution.** By subscribing you get access to other exclusive services like advanced examples, individual support or prioritized bug reports. In non-commercial applications you may hide the attribution without subscribing but are welcome to [sponsor us on Github](https://github.com/sponsors/wbkd).\n\nYou can find more information in our [React Flow Pro FAQs](https://pro.reactflow.dev/faq).\n\n## Installation\n\nThe easiest way to get the latest version of React Flow is to install it via npm:\n\n```bash\nnpm install reactflow\n```\n\n## Quick Start\n\nThis is only a very basic usage example of React Flow. To see everything that is possible with the library, please refer to the [website](https://reactflow.dev) for [guides](https://reactflow.dev/docs/guides/custom-nodes), [examples](https://reactflow.dev/docs/examples/overview) and [API reference](https://reactflow.dev/docs/api/react-flow-props).\n\n```jsx\nimport ReactFlow, { MiniMap, Controls } from 'reactflow';\n\nfunction Flow({ nodes, edges, onNodesChange, onEdgesChange, onConnect }) {\n return (\n \n \n \n \n );\n}\n```\n\n## Development\n\nBefore you can start developing please make sure that you have yarn classic installed (`npm i -g yarn`). Then install the dependencies using yarn: `yarn`.\n\nFor local development, you can use `yarn dev`. This will run preconstruct and build all the packages.\n\n## Testing\n\nTesting is done with cypress. You can find the tests in the [`integration/flow`](/cypress/integration/flow) folder. In order to run the tests do:\n\n```sh\nnpm run test\n```\n\n## Maintainers\n\nReact Flow is developed and maintained by [webkid](https://webkid.io), a web development agency with focus on data driven applications from Berlin. If you need help or want to talk to us about a collaboration, feel free to contact us:\n\n- Moritz Klack • [Twitter](https://twitter.com/moklick) • [Github](https://github.com/moklick)\n- Christopher Möller • [Twitter](https://twitter.com/chrtze) • [Github](https://github.com/chrtze)\n\nYou can also use our [contact form](https://pro.reactflow.dev/contact) or join the [React Flow Discord Server](https://discord.gg/Bqt6xrs).\n\n## Community Packages\n\n- [useUndoable](https://github.com/Infinium8/useUndoable) - Hook for undo/redo functionality with an explicit React Flow example\n- [react-flow-smart-edge](https://github.com/tisoap/react-flow-smart-edge) - Custom edge that doesn't intersect with nodes\n- [Feliz.ReactFlow](https://github.com/tforkmann/Feliz.ReactFlow) - Feliz React Bindings for React Flow\n\n## Credits\n\nReact Flow was initially developed for [datablocks](https://datablocks.pro), a graph-based editor for transforming, analyzing and visualizing data in your browser. Under the hood, React Flow depends on these great libraries:\n\n- [d3-zoom](https://github.com/d3/d3-zoom) - used for zoom, pan and drag interactions with the graph canvas\n- [d3-drag](https://github.com/d3/d3-drag) - used for making the nodes draggable\n- [zustand](https://github.com/pmndrs/zustand) - internal state management\n\n## License\n\nReact Flow is [MIT licensed](https://github.com/wbkd/react-flow/blob/main/LICENSE).\n","gitHead":"8e30df2e82b54b1eb93806953ce7ef1d1adbe296","license":"MIT","scripts":{"build":"postcss src/*.css --config ../../postcss.config.json --dir dist"},"_npmUser":{"name":"webk1d","email":"info@webkid.io"},"homepage":"https://github.com/wbkd/react-flow#readme","keywords":["react","node-based UI","graph","diagram","workflow","react-flow"],"repository":{"url":"git+https://github.com/wbkd/react-flow.git","type":"git","directory":"packages/reactflow"},"_npmVersion":"8.5.0","description":"A highly customizable React library for building node-based editors and interactive flow charts","directories":{},"maintainers":[{"name":"webk1d","email":"info@webkid.io"}],"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@babel/runtime":"^7.18.9","@react-flow/core":"workspace:*","@react-flow/minimap":"workspace:*","@react-flow/controls":"workspace:*","@react-flow/background":"workspace:*"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"postcss":"^8.4.14","postcss-cli":"^10.0.0","autoprefixer":"^10.4.8","postcss-import":"^14.1.0","postcss-nested":"^5.0.6","postcss-combine-duplicated-selectors":"^10.0.3"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/reactflow_11.0.0-next.2_1661765887878_0.16840557963918434","host":"s3://npm-registry-packages"},"_id":"reactflow@11.0.0-next.2","version":"11.0.0-next.2"}