Use bezier edges in workflow editor (CMEM-6721)

CHANGELOG.md

@@ -35,6 +35,7 @@ This is a major release, and it might be not compatible with your current usage
     -   support now v9 and v12 of react flow
 -   `<ReactFlowExtended />`
     -   use `<EdgeNew />` by default for new connection lines, you can overwrite it by setting `connectionLineComponent` to `undefined`
+    -   use `<EdgeBezier />` for workflow editor configuration, and use better looking over speed optimized rendering
 
 ### Deprecated
 

src/cmem/react-flow/configuration/workflow.ts

@@ -1,18 +1,16 @@
-import { EdgeStep } from "./../../../extensions/react-flow/edges/EdgeStep";
+import { EdgeBezier } from "./../../../extensions/react-flow/edges/EdgeBezier";
 import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault";
 import { StickyNoteNode } from "./../nodes/StickyNoteNode";
 import { WORKFLOW_NODE_TYPES } from "./typing";
-//import {ComponentType} from "react";
-//import {NodeProps} from "react-flow-renderer-lts";
 
 const edgeTypes = {
-    default: EdgeStep,
-    success: EdgeStep,
-    warning: EdgeStep,
-    danger: EdgeStep,
+    default: EdgeBezier,
+    success: EdgeBezier,
+    warning: EdgeBezier,
+    danger: EdgeBezier,
 };
 
-const nodeTypes: Record<WORKFLOW_NODE_TYPES, React.ReactNode /*& ComponentType<NodeProps>*/> = {
+const nodeTypes: Record<WORKFLOW_NODE_TYPES, React.ReactNode> = {
     default: NodeDefault,
     dataset: NodeDefault,
     linking: NodeDefault,

src/extensions/react-flow/edges/_edges.scss

@@ -10,7 +10,7 @@
     path[class*="react-flow__edge"],
     rect[class*="react-flow__edge"] {
         stroke-opacity: $reactflow-edge-stroke-opacity-default;
-        shape-rendering: optimizespeed;
+        shape-rendering: geometricprecision;
     }
 
     text[class*="react-flow__edge"] {