@likec4/diagram 1.41.0 → 1.42.0

package/dist/overlays/relationships-browser/_types.d.ts

@@ -1,6 +1,7 @@
-import { Color, DiagramNode, Fqn, IconUrl, NonEmptyArray, RelationId, RelationshipLineType, RichTextOrEmpty, ViewId } from '@likec4/core/types';
+import { Color, DiagramNode, ExclusiveUnion, Fqn, IconUrl, NonEmptyArray, RelationId, RelationshipArrowType, RelationshipLineType, RichTextOrEmpty, ViewId } from '@likec4/core/types';
+import { FunctionComponent } from 'react';
 import { Simplify } from 'type-fest';
-import { Base, NonOptional, ReactFlowEdge, ReactFlowNode } from '../../base/types';
+import { BaseEdge, BaseEdgeData, BaseEdgeProps, BaseNode, BaseNodeData, BaseNodeProps, NonOptional } from '../../base/types';
 export declare namespace RelationshipsBrowserTypes {
     type Column = 'incomers' | 'subjects' | 'outgoers';
     /**
@@ -10,7 +11,7 @@ export declare namespace RelationshipsBrowserTypes {
         in: string[];
         out: string[];
     };
-    type ElementNodeData = Simplify<Base.NodeData & NonOptional<Pick<DiagramNode, 'title' | 'technology' | 'color' | 'shape' | 'style' | 'width' | 'height' | 'tags' | 'navigateTo'>> & {
+    type ElementNodeData = Simplify<BaseNodeData & NonOptional<Pick<DiagramNode, 'id' | 'title' | 'technology' | 'color' | 'shape' | 'style' | 'width' | 'height' | 'tags' | 'navigateTo'>> & {
         column: Column;
         fqn: Fqn;
         icon: string | null;
@@ -18,7 +19,7 @@ export declare namespace RelationshipsBrowserTypes {
         existsInCurrentView: boolean;
         description: RichTextOrEmpty;
     }>;
-    type CompoundNodeData = Simplify<Base.NodeData & NonOptional<Pick<DiagramNode, 'title' | 'color' | 'shape' | 'style'>> & {
+    type CompoundNodeData = Simplify<BaseNodeData & NonOptional<Pick<DiagramNode, 'id' | 'title' | 'color' | 'shape' | 'style'>> & {
         column: Column;
         fqn: Fqn;
         depth: number;
@@ -26,23 +27,39 @@ export declare namespace RelationshipsBrowserTypes {
         ports: Ports;
         existsInCurrentView: boolean;
     }>;
-    type ElementNode = ReactFlowNode<ElementNodeData, 'element'>;
-    type CompoundNode = ReactFlowNode<CompoundNodeData, 'compound'>;
-    type EmptyNodeData = Base.NodeData & {
+    type EmptyNodeData = BaseNodeData & {
         column: Column;
     };
-    type EmptyNode = ReactFlowNode<EmptyNodeData, 'empty'>;
-    type Node = ElementNode | CompoundNode | EmptyNode;
-    type NodeData = Node['data'];
-    type EdgeData = Simplify<Base.EdgeData & {
+    type ElementNode = BaseNode<ElementNodeData, 'element'>;
+    type CompoundNode = BaseNode<CompoundNodeData, 'compound'>;
+    type EmptyNode = BaseNode<EmptyNodeData, 'empty'>;
+    type AnyNode = ElementNode | CompoundNode | EmptyNode;
+    type NodeType = AnyNode['type'];
+    type Node<T extends NodeType = NodeType> = Extract<AnyNode, {
+        type: T;
+    }>;
+    type NodeProps<T extends NodeType = NodeType> = BaseNodeProps<Node<T>>;
+    type NodeData = ExclusiveUnion<{
+        ElementNodeData: ElementNodeData;
+        CompoundNodeData: CompoundNodeData;
+        EmptyNodeData: EmptyNodeData;
+    }>;
+    type NodeRenderer<T extends NodeType = NodeType> = FunctionComponent<NodeProps<T>>;
+    type NodeRenderers = {
+        [T in NodeType]: NodeRenderer<T>;
+    };
+    type EdgeData = Simplify<BaseEdgeData & {
         sourceFqn: Fqn;
         targetFqn: Fqn;
         relations: NonEmptyArray<RelationId>;
-        color: Color | undefined;
+        color: Color;
         label: string | null;
         navigateTo: ViewId | null;
         line: RelationshipLineType;
+        head?: RelationshipArrowType;
+        tail?: RelationshipArrowType;
         existsInCurrentView: boolean;
     }>;
-    type Edge = ReactFlowEdge<EdgeData, 'relationship'>;
+    type Edge = BaseEdge<EdgeData, 'relationship'>;
+    type EdgeProps = BaseEdgeProps<Edge>;
 }