feat(shape): add dotted triangle shape

Signed-off-by: Akash Srivastava <akashsrivastava4927@gmail.com>

src/components/GraphNode/_GraphNodeStatic.js

@@ -8,6 +8,7 @@ import MatchedText from '../MatchedText';
 
 import ShapeCircle from './shapes/_ShapeCircle';
 import ShapeTriangle from './shapes/_ShapeTriangle';
+import ShapeDottedTriangle from './shapes/_ShapeDottedTriangle';
 import ShapeSquare from './shapes/_ShapeSquare';
 import ShapePentagon from './shapes/_ShapePentagon';
 import ShapeHexagon from './shapes/_ShapeHexagon';
@@ -25,6 +26,7 @@ export const shapes = {
   cloud: ShapeCloud,
   cylinder: ShapeCylinder,
   dottedcylinder: ShapeDottedCylinder,
+  dottedtriangle: ShapeDottedTriangle,
   heptagon: ShapeHeptagon,
   hexagon: ShapeHexagon,
   octagon: ShapeOctagon,

src/components/GraphNode/shapes/_ShapeDottedTriangle.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+import Shape, { curvedUnitPolygonPath } from './_Shape';
+
+const renderTemplate = attrs => (
+  <path d={curvedUnitPolygonPath(3)} strokeDasharray="0.1, 0.05" {...attrs} />
+);
+
+export default class ShapeDottedTriangle extends React.Component {
+  render() {
+    return <Shape renderTemplate={renderTemplate} {...this.props} />;
+  }
+}