feat(rg): add onConnect callback

This commit is contained in:
moklick
2019-07-29 18:18:27 +02:00
parent cc14c724d0
commit 8fb45f4894
26 changed files with 434 additions and 120 deletions
+5 -4
View File
@@ -4,7 +4,7 @@ import { Consumer } from '../GraphContext';
class NodeRenderer extends PureComponent {
renderNode(d, onElementClick) {
renderNode(d) {
const nodeType = d.type || 'default';
if (!this.props.nodeTypes[nodeType]) {
console.warn(`No node type found for type "${nodeType}". Using fallback type "default".`);
@@ -15,7 +15,8 @@ class NodeRenderer extends PureComponent {
return (
<NodeComponent
key={d.id}
onClick={onElementClick}
onClick={this.props.onElementClick}
onConnect={this.props.onConnect}
{...d}
/>
);
@@ -24,14 +25,14 @@ class NodeRenderer extends PureComponent {
render() {
return (
<Consumer>
{({ onElementClick, state }) => (
{({ state }) => (
<div
className="react-graph__nodes"
style={{
transform: `translate(${state.transform[0]}px,${state.transform[1]}px) scale(${state.transform[2]})`
}}
>
{state.nodes.map(d => this.renderNode(d, onElementClick))}
{state.nodes.map(d => this.renderNode(d))}
</div>
)}
</Consumer>