Support grouped edge targets

src/hooks/__tests__/use-edge.spec.ts

@@ -12,13 +12,27 @@ describe('useEdge', () => {
     expect(result.current).toBeInstanceOf(Edge);
   });
 
+  it('returns an Edge instance in a digraph wrapper for grouped edge targets', () => {
+    const { result } = renderHook(() => useEdge({ targets: ['a', ['b1', 'b2'], 'c'] }), {
+      wrapper: digraph(),
+    });
+    expect(result.current).toBeInstanceOf(Edge);
+  });
+
   it('returns Edge instance in graph wrapper', () => {
     const { result } = renderHook(() => useEdge({ targets: ['a', 'b'] }), {
       wrapper: graph(),
     });
     expect(result.current).toBeInstanceOf(Edge);
   });
 
+  it('returns an Edge instance in a graph wrapper for grouped edge targets', () => {
+    const { result } = renderHook(() => useEdge({ targets: ['a', ['b1', 'b2'], 'c'] }), {
+      wrapper: graph(),
+    });
+    expect(result.current).toBeInstanceOf(Edge);
+  });
+
   test('throw error if the target is less than 2', () => {
     const { result } = renderHook(() => useEdge({ targets: ['a'] }), {
       wrapper: graph(),

src/hooks/use-edge.ts

@@ -1,12 +1,12 @@
 import { useEffect, useMemo } from 'react';
-import { EdgeTargetLike, IEdge, EdgeAttributes } from 'ts-graphviz';
+import { EdgeTargetLike, EdgeTargetsLike, IEdge, EdgeAttributes } from 'ts-graphviz';
 import { useCluster } from './use-cluster';
 import { EdgeTargetLengthErrorMessage } from '../utils/errors';
 import { useHasComment } from './use-comment';
 import { useHasAttributes } from './use-has-attributes';
 
 export type EdgeProps = {
-  targets: EdgeTargetLike[];
+  targets: (EdgeTargetLike | EdgeTargetsLike)[];
   comment?: string;
 } & EdgeAttributes;