feat(edges): add labelBgBorderRadius option closes #421

src/components/Edges/EdgeText.tsx

@@ -3,7 +3,16 @@ import React, { memo, useRef, useState, useEffect } from 'react';
 import { EdgeTextProps, Rect } from '../../types';
 
 export default memo(
-  ({ x, y, label, labelStyle = {}, labelShowBg = true, labelBgStyle = {}, labelBgPadding = [2, 4] }: EdgeTextProps) => {
+  ({
+    x,
+    y,
+    label,
+    labelStyle = {},
+    labelShowBg = true,
+    labelBgStyle = {},
+    labelBgPadding = [2, 4],
+    labelBgBorderRadius = 2,
+  }: EdgeTextProps) => {
     const edgeRef = useRef<SVGTextElement>(null);
     const [edgeTextBbox, setEdgeTextBbox] = useState<Rect>({ x: 0, y: 0, width: 0, height: 0 });
 
@@ -34,6 +43,8 @@ export default memo(
             height={edgeTextBbox.height + 2 * labelBgPadding[1]}
             className="react-flow__edge-textbg"
             style={labelBgStyle}
+            rx={labelBgBorderRadius}
+            ry={labelBgBorderRadius}
           />
         )}
         <text className="react-flow__edge-text" y={edgeTextBbox.height / 2} dy="0.3em" ref={edgeRef} style={labelStyle}>