@next-bricks/diagram 0.10.1 → 0.12.0

package/dist/types.json

@@ -182,16 +182,6 @@
           }
         }
       },
-      {
-        "name": "nodesConnect",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "ConnectNodesOptions"
-          }
-        }
-      },
       {
         "name": "dragNodes",
         "annotation": {
@@ -612,34 +602,11 @@
               "name": "type"
             },
             "annotation": {
-              "type": "jsLiteral",
-              "value": "auto"
-            },
-            "optional": true,
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "strokeColor"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "string"
-            },
-            "optional": true,
-            "computed": false
-          },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "strokeWidth"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "number"
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "LineType"
+              }
             },
             "optional": true,
             "computed": false
@@ -657,19 +624,6 @@
             "optional": true,
             "computed": false
           },
-          {
-            "type": "propertySignature",
-            "key": {
-              "type": "identifier",
-              "name": "interactStrokeWidth"
-            },
-            "annotation": {
-              "type": "keyword",
-              "value": "number"
-            },
-            "optional": true,
-            "computed": false
-          },
           {
             "type": "propertySignature",
             "key": {
@@ -677,8 +631,11 @@
               "name": "curveType"
             },
             "annotation": {
-              "type": "jsLiteral",
-              "value": "curveBasis"
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "CurveType"
+              }
             },
             "optional": true,
             "computed": false
@@ -787,9 +744,86 @@
             },
             "optional": true,
             "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "overrides"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "LineConfOverrides"
+              }
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "markers"
+            },
+            "annotation": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "LineMarkerConf"
+                }
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ],
+        "extends": [
+          {
+            "type": "expressionWithTypeArguments",
+            "expression": {
+              "type": "identifier",
+              "name": "LineConfOverridable"
+            }
           }
         ]
       },
+      {
+        "type": "typeAlias",
+        "name": "LineType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "auto"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "curve"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "straight"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "polyline"
+            }
+          ]
+        }
+      },
+      {
+        "type": "typeAlias",
+        "name": "CurveType",
+        "annotation": {
+          "type": "unsupported",
+          "source": "`curve${string}`"
+        }
+      },
       {
         "type": "interface",
         "name": "TextOptions",
@@ -924,6 +958,165 @@
           }
         ]
       },
+      {
+        "type": "interface",
+        "name": "LineConfOverrides",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "active"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "LineConfOverridable"
+              }
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "activeRelated"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "LineConfOverridable"
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "LineConfOverridable",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "strokeColor"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "strokeWidth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "interactStrokeWidth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "LineMarkerConf",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "placement"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "LineMarkerPlacement"
+              }
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "LineMarkerType"
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "typeAlias",
+        "name": "LineMarkerPlacement",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "start"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "end"
+            }
+          ]
+        }
+      },
+      {
+        "type": "typeAlias",
+        "name": "LineMarkerType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "arrow"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "0..1"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "0..N"
+            }
+          ]
+        }
+      },
       {
         "type": "typeAlias",
         "name": "LayoutOptions",
@@ -1061,6 +1254,151 @@
           }
         ]
       },
+      {
+        "type": "interface",
+        "name": "BaseLayoutOptions",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "nodePadding"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "PartialRectTuple"
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "typeAlias",
+        "name": "PartialRectTuple",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "keyword",
+              "value": "number"
+            },
+            {
+              "type": "tuple",
+              "elementTypes": [
+                {
+                  "type": "namedTupleMember",
+                  "label": "all",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "tuple",
+              "elementTypes": [
+                {
+                  "type": "namedTupleMember",
+                  "label": "vertical",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                },
+                {
+                  "type": "namedTupleMember",
+                  "label": "horizontal",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "tuple",
+              "elementTypes": [
+                {
+                  "type": "namedTupleMember",
+                  "label": "top",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                },
+                {
+                  "type": "namedTupleMember",
+                  "label": "horizontal",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                },
+                {
+                  "type": "namedTupleMember",
+                  "label": "bottom",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "tuple",
+              "elementTypes": [
+                {
+                  "type": "namedTupleMember",
+                  "label": "top",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                },
+                {
+                  "type": "namedTupleMember",
+                  "label": "right",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                },
+                {
+                  "type": "namedTupleMember",
+                  "label": "bottom",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                },
+                {
+                  "type": "namedTupleMember",
+                  "label": "left",
+                  "optional": false,
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "number"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      },
       {
         "type": "interface",
         "name": "LayoutOptionsForce",
@@ -1312,6 +1650,63 @@
           }
         ]
       },
+      {
+        "type": "interface",
+        "name": "NodesFilterOptions",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "sourceType"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "array",
+                  "elementType": {
+                    "type": "keyword",
+                    "value": "string"
+                  }
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "if"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "keyword",
+                  "value": "string"
+                },
+                {
+                  "type": "keyword",
+                  "value": "boolean"
+                },
+                {
+                  "type": "keyword",
+                  "value": "null"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
       {
         "type": "interface",
         "name": "DragNodesOptions",

package/dist-types/diagram/LineComponent.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
-import type { DiagramEdge, LineTarget, LineTextClipPath, RenderedLine } from "./interfaces";
+import type { LineTarget, RenderedLine, LineMaskRects } from "./interfaces";
 export interface LineComponentProps {
     line: RenderedLine;
     linePaths: Map<string, SVGPathElement | null>;
-    clipPathList: LineTextClipPath[];
+    lineMaskRects: LineMaskRects;
+    maskPrefix: string;
     markerPrefix: string;
-    clipPathPrefix: string;
     activeLineMarkerPrefix: string;
-    activeEdge: DiagramEdge | null;
+    active?: boolean;
+    activeRelated?: boolean;
     onLineClick?(line: LineTarget): void;
     onLineDoubleClick?(line: LineTarget): void;
 }
-export declare function LineComponent({ line: { line, d, markerIndex, edge }, linePaths, clipPathList, markerPrefix, clipPathPrefix, activeLineMarkerPrefix, activeEdge, onLineClick, onLineDoubleClick, }: LineComponentProps): JSX.Element;
+export declare function LineComponent({ line: { line, edge, d, markers }, linePaths, lineMaskRects, maskPrefix, markerPrefix, activeLineMarkerPrefix, active, activeRelated, onLineClick, onLineDoubleClick, }: LineComponentProps): JSX.Element;

package/dist-types/diagram/LineMaskComponent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { RenderedLineLabel, SimpleRect } from "./interfaces";
+export interface LineMaskComponentProps {
+    maskPrefix: string;
+    lineId: string;
+    rects: SimpleRect[];
+    renderedLineLabels: RenderedLineLabel[];
+}
+export declare function LineMaskComponent({ lineId, rects, maskPrefix, renderedLineLabels, }: LineMaskComponentProps): JSX.Element | null;

package/dist-types/diagram/MarkerComponent.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export interface MarkerComponentProps {
+import type { LineMarkerType } from "./interfaces";
+export interface MarkerComponentProps extends BaseMarkerComponentProps {
+    type: LineMarkerType;
+}
+export interface BaseMarkerComponentProps {
     id: string;
     strokeColor?: string;
 }
-export declare function MarkerComponent({ id, strokeColor, }: MarkerComponentProps): JSX.Element;
+export declare function MarkerComponent({ id, type, strokeColor, }: MarkerComponentProps): JSX.Element;

package/dist-types/diagram/MarkerComponent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-types/diagram/index.d.ts

@@ -39,10 +39,6 @@ export declare class EoDiagram extends ReactNextElement implements EoDiagramProp
     accessor activeTarget: ActiveTarget | null | undefined;
     accessor disableKeyboardAction: boolean | undefined;
     accessor connectNodes: ConnectNodesOptions | undefined;
-    /**
-     * @deprecated use `connectNodes` instead
-     */
-    accessor nodesConnect: ConnectNodesOptions | undefined;
     accessor dragNodes: DragNodesOptions | undefined;
     accessor zoomable: boolean | undefined;
     accessor scrollable: boolean | undefined;
@@ -60,4 +56,4 @@ export interface EoDiagramComponentProps extends EoDiagramProps {
     onLineDoubleClick?(line: LineTarget): void;
     onNodesConnect?(detail: ConnectLineDetail): void;
 }
-export declare function LegacyEoDiagramComponent({ layout, nodes, edges, nodeBricks, lines, layoutOptions, connectNodes, dragNodes, activeTarget, disableKeyboardAction, zoomable, scrollable, pannable, scaleRange: _scaleRange, onActiveTargetChange, onSwitchActiveTarget, onNodeDelete, onEdgeDelete, onLineClick, onLineDoubleClick, onNodesConnect, }: EoDiagramComponentProps, ref: React.Ref<DiagramRef>): React.JSX.Element;
+export declare function LegacyEoDiagramComponent({ layout, nodes, edges, nodeBricks, lines, layoutOptions, connectNodes, dragNodes, activeTarget: _activeTarget, disableKeyboardAction, zoomable, scrollable, pannable, scaleRange: _scaleRange, onActiveTargetChange, onSwitchActiveTarget, onNodeDelete, onEdgeDelete, onLineClick, onLineDoubleClick, onNodesConnect, }: EoDiagramComponentProps, ref: React.Ref<DiagramRef>): React.JSX.Element;