Merge pull request #12 from yWorks/dev

v2.0.0-beta.1

Author: jens-yworks

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yworks/react-yfiles-core",
-  "version": "1.2.0",
+  "version": "2.0.0-beta.1",
   "author": {
     "name": "yFiles for HTML team @ yWorks GmbH",
     "email": "[email protected]"

src/graph-component/EdgeStyles.ts

@@ -16,6 +16,10 @@ export interface EdgeStyle {
    * The bend smoothing of the connection.
    */
   smoothingLength?: number
+  /**
+   * The source arrow type.
+   */
+  sourceArrow?: Arrow
   /**
    * The target arrow type.
    */
@@ -47,16 +51,16 @@ export function convertToPolylineEdgeStyle(style: EdgeStyle) {
       thickness: style.thickness ?? 1
     }),
     cssClass: style.className ?? '',
-    sourceArrow: IArrow.NONE,
+    sourceArrow: convertArrow(style, true),
     targetArrow: convertArrow(style)
   })
 }
 
 /**
  * Converts the input style arrow to a yFiles PolylineEdgeStyle.
  */
-function convertArrow(style: EdgeStyle): IArrow {
-  const arrow = style.targetArrow
+function convertArrow(style: EdgeStyle, isSource = false): IArrow {
+  const arrow = isSource ? style.sourceArrow : style.targetArrow
   if (!arrow) {
     return IArrow.NONE
   }

src/license/LicenseError.tsx

@@ -1,14 +1,19 @@
 import './LicenseError.css'
 
-export function LicenseError() {
+export interface LicenseErrorProps {
+  componentName: string
+  codeSample: string
+}
+
+export function LicenseError(props: LicenseErrorProps) {
   return (
     <>
       <div className="yfiles-react-license-error">
         <div className="yfiles-react-license-error-dialog">
           <div className="yfiles-react-license-error-dialog__title">Invalid / Missing License</div>
           <div className="yfiles-react-license-error-dialog__content">
             <div className="yfiles-react-license-error-dialog__paragraph">
-              The <em>yFiles React Organization Chart Component</em> requires a valid{' '}
+              The <em>{props.componentName}</em> requires a valid{' '}
               <a href="https://www.yworks.com/products/yfiles-for-html">yFiles for HTML</a> license.
             </div>
             <div className="yfiles-react-license-error-dialog__paragraph">
@@ -17,27 +22,12 @@ export function LicenseError() {
             </div>
 
             <div className="yfiles-react-license-error-dialog__paragraph">
-              Add the <code>license.json</code> to your React application and register it like this:
+              Add the <code>license.json</code> to your React application and register it before
+              using the component.
             </div>
 
             <div className="yfiles-react-license-error-dialog__code-snippet">
-              <pre>
-                {`import {OrgChart, registerLicense} from '@yworks/react-yfiles-orgchart' 
-import '@yworks/react-yfiles-orgchart/dist/index.css'
-import yFilesLicense from './license.json'
-
-function App() {
-  registerLicense(yFilesLicense)
-            
-  const data = [
-    {id: 0, name: 'Eric Joplin', subordinates: [1, 2]},
-    {id: 1, name: 'Amy Kain'},
-    {id: 2, name: 'David Kerry'}
-  ]
-
-  return <OrgChart data={data}></OrgChart>
-}`}
-              </pre>
+              <pre>{props.codeSample}</pre>
             </div>
           </div>
         </div>