refactor(packages): change package structure

2023-06-05 15:40:18 +02:00
parent b2e296901e
commit 8354759f57
332 changed files with 980 additions and 3244 deletions
@@ -0,0 +1,61 @@
+import { isNumeric } from '@xyflow/system';
+
+import type { BaseEdgeProps } from '../../types';
+
+import EdgeText from './EdgeText';
+
+const BaseEdge = ({
+  id,
+  path,
+  labelX,
+  labelY,
+  label,
+  labelStyle,
+  labelShowBg,
+  labelBgStyle,
+  labelBgPadding,
+  labelBgBorderRadius,
+  style,
+  markerEnd,
+  markerStart,
+  interactionWidth = 20,
+}: BaseEdgeProps) => {
+  return (
+    <>
+      <path
+        id={id}
+        style={style}
+        d={path}
+        fill="none"
+        className="react-flow__edge-path"
+        markerEnd={markerEnd}
+        markerStart={markerStart}
+      />
+      {interactionWidth && (
+        <path
+          d={path}
+          fill="none"
+          strokeOpacity={0}
+          strokeWidth={interactionWidth}
+          className="react-flow__edge-interaction"
+        />
+      )}
+      {label && isNumeric(labelX) && isNumeric(labelY) ? (
+        <EdgeText
+          x={labelX}
+          y={labelY}
+          label={label}
+          labelStyle={labelStyle}
+          labelShowBg={labelShowBg}
+          labelBgStyle={labelBgStyle}
+          labelBgPadding={labelBgPadding}
+          labelBgBorderRadius={labelBgBorderRadius}
+        />
+      ) : null}
+    </>
+  );
+};
+
+BaseEdge.displayName = 'BaseEdge';
+
+export default BaseEdge;