alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(examples): update deps

Browse Source
This commit is contained in:
moklick
2021-06-23 14:21:51 +02:00
parent f127c3df37
commit af5a2ab791
4 changed files with 19732 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/package-lock.json
Generated
+19724 -203
View File
File diff suppressed because it is too large Load Diff
example/package.json
+4 -4
View File
@@ -10,7 +10,7 @@
"react-flow-renderer": "file:../", "react-flow-renderer": "file:../",
"react-router-dom": "^5.2.0", "react-router-dom": "^5.2.0",
"react-scripts": "4.0.3", "react-scripts": "4.0.3",
"typescript": "^4.1.5" "typescript": "^4.3.4"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",
@@ -34,10 +34,10 @@
] ]
}, },
"devDependencies": { "devDependencies": {
"@types/react-router-dom": "^5.1.7",
"@types/dagre": "^0.7.44", "@types/dagre": "^0.7.44",
"@types/localforage": "0.0.34", "@types/localforage": "0.0.34",
"@types/react": "^17.0.2", "@types/react": "^17.0.11",
"@types/react-dom": "^17.0.1" "@types/react-dom": "^17.0.8",
"@types/react-router-dom": "^5.1.7"
} }
} }
example/src/Edges/CustomEdge.tsx
+2 -3
View File
@@ -1,4 +1,4 @@
import React, { FC } from 'react'; import { FC } from 'react';
import { EdgeProps, getBezierPath, getMarkerEnd } from 'react-flow-renderer'; import { EdgeProps, getBezierPath, getMarkerEnd } from 'react-flow-renderer';
const CustomEdge: FC<EdgeProps> = ({ const CustomEdge: FC<EdgeProps> = ({
@@ -9,7 +9,6 @@ const CustomEdge: FC<EdgeProps> = ({
targetY, targetY,
sourcePosition, sourcePosition,
targetPosition, targetPosition,
style = {},
data, data,
arrowHeadType, arrowHeadType,
markerEndId, markerEndId,
@@ -19,7 +18,7 @@ const CustomEdge: FC<EdgeProps> = ({
return ( return (
<> <>
<path id={id} style={style} className="react-flow__edge-path" d={edgePath} markerEnd={markerEnd} /> <path id={id} className="react-flow__edge-path" d={edgePath} markerEnd={markerEnd} />
<text> <text>
<textPath href={`#${id}`} style={{ fontSize: '12px' }} startOffset="50%" textAnchor="middle"> <textPath href={`#${id}`} style={{ fontSize: '12px' }} startOffset="50%" textAnchor="middle">
{data.text} {data.text}
example/src/Edges/CustomEdge2.tsx
+2 -3
View File
@@ -1,4 +1,4 @@
import React, { FC } from 'react'; import { FC } from 'react';
import { EdgeProps, getBezierPath, getMarkerEnd, EdgeText, getEdgeCenter } from 'react-flow-renderer'; import { EdgeProps, getBezierPath, getMarkerEnd, EdgeText, getEdgeCenter } from 'react-flow-renderer';
const CustomEdge: FC<EdgeProps> = ({ const CustomEdge: FC<EdgeProps> = ({
@@ -9,7 +9,6 @@ const CustomEdge: FC<EdgeProps> = ({
targetY, targetY,
sourcePosition, sourcePosition,
targetPosition, targetPosition,
style = {},
data, data,
arrowHeadType, arrowHeadType,
markerEndId, markerEndId,
@@ -25,7 +24,7 @@ const CustomEdge: FC<EdgeProps> = ({
return ( return (
<> <>
<path id={id} style={style} className="react-flow__edge-path" d={edgePath} markerEnd={markerEnd} /> <path id={id} className="react-flow__edge-path" d={edgePath} markerEnd={markerEnd} />
<EdgeText <EdgeText
x={centerX} x={centerX}
y={centerY} y={centerY}