custom svg support

Author: Eliav2

CHANGELOG.md

@@ -1,3 +1,8 @@
+## v1.7.0:
+**feature update**:
+- creation animation added (see `animateDrawing`)
+- custom svg now supported,added `circle` and `heart` shapes just for examples. 
+
 ## v1.6.0: 
 - proptypes - typescript types issues fixed.
 - now all pointer events enabled in the arrowhead by default ([#50](https://github.com/Eliav2/react-xarrows/issues/50))

README.md

@@ -95,6 +95,8 @@ this means that any code changes in src/index.tsx will immediately be reflected
 (add console.log("test") line and see!)\
 to reproduce this dev env on your local machine git clone and follow same commands as in [gitpod.yml](./.gitpod.yml).
 
+Pull requests - please from and to the dev-branch only. 
+
 if you made an improvement that is relevant for most users, you can quickly submit a pull request using the right toolbar. 
 
 ### react-xarrows v2
@@ -107,7 +109,6 @@ the properties the xarrow component receives is as follows(don't panic,the impor
 
 ```ts
 export type xarrowPropsType = {
-    id?: string | null;
     start: refType;
     end: refType;
     startAnchor?: anchorType | anchorType[];

examples/.eslintcache

@@ -2,4 +2,4 @@ easee me on:
 https://codesandbox.io/s/github/Eliav2/react-xarrows/tree/master/examples?file=/src/index.tsx
 
 if you wish to run these examples locally on your machine use "npm install" to install all dependencies and then "npm start".
-reac
+reac

examples/README.md

@@ -26,6 +26,7 @@
   "devDependencies": {
     "@babel/core": "^7.11.6",
     "@babel/plugin-transform-react-jsx": "^7.12.12",
+    "@babel/plugin-transform-typescript": "^7.13.0",
     "@babel/preset-env": "^7.11.5"
   }
 }