diff --git a/CHANGELOG.md b/CHANGELOG.md index 9f947eb42..ecbb9701a 100644 --- a/CHANGELOG.md +++ b/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 - `` - use `` by default for new connection lines, you can overwrite it by setting `connectionLineComponent` to `undefined` + - use `` for workflow editor configuration, and use better looking over speed optimized rendering ### Deprecated diff --git a/src/cmem/react-flow/configuration/workflow.ts b/src/cmem/react-flow/configuration/workflow.ts index 5a8621a89..4fd09f681 100644 --- a/src/cmem/react-flow/configuration/workflow.ts +++ b/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*/> = { +const nodeTypes: Record = { default: NodeDefault, dataset: NodeDefault, linking: NodeDefault, diff --git a/src/extensions/react-flow/edges/_edges.scss b/src/extensions/react-flow/edges/_edges.scss index 25783eed0..4b95b157c 100644 --- a/src/extensions/react-flow/edges/_edges.scss +++ b/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"] {