DagredWidget (class component) for react-diagrams

DagredWidget.ts

class DagreWidget extends React.Component<DagreWidgetProps, any> {
  engine: DagreEngine;

  constructor(props: any) {
    super(props);
    this.engine = new DagreEngine({
      graph: {
        rankdir: "RL",
        ranker: "longest-path",
        marginx: 25,
        marginy: 25
      },
      includeLinks: true
    });
  }

  autoDistribute = () => {
    this.engine.redistribute(this.props.model);

    // only happens if pathfing is enabled (check line 25)
    this.reroute();
    this.props.engine.repaintCanvas();
  };

  componentDidMount(): void {
    setTimeout(() => {
      this.autoDistribute();
    }, 500);
  }

  reroute() {
    this.props.engine
      .getLinkFactories()
      .getFactory<PathFindingLinkFactory>(PathFindingLinkFactory.NAME)
      .calculateRoutingMatrix();
  }

  render() {
    return (
      <CanvasWidget
        className={this.props.className}
        engine={this.props.engine}
      />
    );
  }
}