renamed due to restriction with labview

Author: DanieLazarLDAPPS

demos/demo-labview-routing/index.tsx renamed to demos/demo-right-angles-routing/index.tsx

@@ -5,15 +5,15 @@ import {
 	LinkModel,
 	DefaultPortModel,
 	DiagramWidget,
-	LabViewLinkFactory, DefaultLinkModel,
+	RightAngleLinkFactory, DefaultLinkModel,
 } from "storm-react-diagrams";
 import * as React from "react";
 import { DemoWorkspaceWidget } from "../.helpers/DemoWorkspaceWidget";
 import { action } from "@storybook/addon-actions";
 
 export class LabViewLinkModel extends DefaultLinkModel {
 	constructor() {
-		super("labview");
+		super("rightAngle");
 	}
 }
 
@@ -27,7 +27,7 @@ export default () => {
 	// setup the diagram engine
 	const engine = new DiagramEngine();
 	engine.installDefaultFactories();
-	engine.registerLinkFactory(new LabViewLinkFactory());
+	engine.registerLinkFactory(new RightAngleLinkFactory());
 
 	// setup the diagram model
 	const model = new DiagramModel();

src/labview/factories/LabViewLinkFactory.tsx

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { RightAngleLinkWidget } from "../widgets/RightAngleLinkWidget";
+import { DiagramEngine } from "../../../DiagramEngine";
+import { AbstractLinkFactory } from "../../../factories/AbstractLinkFactory";
+import { DefaultLinkModel } from "../../../defaults/models/DefaultLinkModel";
+
+/**
+ * @author Dylan Vorster
+ */
+export class RightAngleLinkFactory extends AbstractLinkFactory<DefaultLinkModel> {
+	constructor() {
+		super("rightAngle");
+	}
+
+	generateReactWidget(diagramEngine: DiagramEngine, link: DefaultLinkModel): JSX.Element {
+		return React.createElement(RightAngleLinkWidget, {
+			link: link,
+			diagramEngine: diagramEngine
+		});
+	}
+
+	getNewInstance(initialConfig?: any): DefaultLinkModel {
+		return new DefaultLinkModel();
+	}
+
+	generateLinkSegment(model: DefaultLinkModel, widget: RightAngleLinkWidget, selected: boolean, path: string) {
+		return (
+			<path
+				className={selected ? widget.bem("--path-selected") : ""}
+				strokeWidth={model.width}
+				stroke={model.color}
+				d={path}
+			/>
+		);
+	}
+}

src/routing/rightAngle/factories/RightAngleLinkFactory.tsx

@@ -1,13 +1,13 @@
 import * as React from "react";
-import { DiagramEngine } from "../../DiagramEngine";
-import { PointModel } from "../../models/PointModel";
-import { Toolkit } from "../../Toolkit";
-import { LabViewLinkFactory } from "../factories/LabViewLinkFactory";
-import { DefaultLinkModel } from "../../defaults/models/DefaultLinkModel";
-import PathFinding from "../../routing/PathFinding";
+import { DiagramEngine } from "../../../DiagramEngine";
+import { PointModel } from "../../../models/PointModel";
+import { Toolkit } from "../../../Toolkit";
+import { RightAngleLinkFactory } from "../factories/RightAngleLinkFactory";
+import { DefaultLinkModel } from "../../../defaults/models/DefaultLinkModel";
+import PathFinding from "../../PathFinding";
 import * as _ from "lodash";
-import { LabelModel } from "../../models/LabelModel";
-import { BaseWidget, BaseWidgetProps } from "../../widgets/BaseWidget";
+import { LabelModel } from "../../../models/LabelModel";
+import { BaseWidget, BaseWidgetProps } from "../../../widgets/BaseWidget";
 
 export interface LabViewLinkProps extends BaseWidgetProps {
 	color?: string;
@@ -23,7 +23,7 @@ export interface LabViewLinkState {
 	canDrag: boolean,
 }
 
-export class LabViewLinkWidget extends BaseWidget<LabViewLinkProps, LabViewLinkState> {
+export class RightAngleLinkWidget extends BaseWidget<LabViewLinkProps, LabViewLinkState> {
 	public static defaultProps: LabViewLinkProps = {
 		color: "red",
 		width: 3,
@@ -146,7 +146,7 @@ export class LabViewLinkWidget extends BaseWidget<LabViewLinkProps, LabViewLinkS
 		var props = this.props;
 
 		var Bottom = React.cloneElement(
-			(props.diagramEngine.getFactoryForLink(this.props.link) as LabViewLinkFactory).generateLinkSegment(
+			(props.diagramEngine.getFactoryForLink(this.props.link) as RightAngleLinkFactory).generateLinkSegment(
 				this.props.link,
 				this,
 				this.state.selected || this.props.link.isSelected(),