@next-bricks/diagram 0.15.0 → 0.16.0

package/dist/types.json

@@ -77,6 +77,16 @@
             "name": "ExperimentalUsage"
           }
         }
+      },
+      {
+        "name": "status",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "NodeStatus"
+          }
+        }
       }
     ],
     "events": [
@@ -140,6 +150,27 @@
           ]
         }
       },
+      {
+        "type": "typeAlias",
+        "name": "NodeStatus",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "highlighted"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "faded"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "default"
+            }
+          ]
+        }
+      },
       {
         "type": "typeAlias",
         "name": "PositionTuple",
@@ -193,9 +224,87 @@
             "name": "SizeTuple"
           }
         }
+      },
+      {
+        "name": "defaultNodeBricks",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "NodeBrickConf"
+            }
+          }
+        }
+      },
+      {
+        "name": "activeTarget",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ActiveTarget"
+              }
+            },
+            {
+              "type": "keyword",
+              "value": "null"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "activeTarget.change",
+        "detail": {
+          "annotation": {
+            "type": "union",
+            "types": [
+              {
+                "type": "reference",
+                "typeName": {
+                  "type": "identifier",
+                  "name": "ActiveTarget"
+                }
+              },
+              {
+                "type": "keyword",
+                "value": "null"
+              }
+            ]
+          }
+        }
+      },
+      {
+        "name": "node.move",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "MoveNodePayload"
+            }
+          }
+        }
+      },
+      {
+        "name": "node.delete",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "NodeBasicInfo"
+            }
+          }
+        }
       }
     ],
-    "events": [],
     "methods": [
       {
         "name": "dropNode",
@@ -473,6 +582,7 @@
                 "name": "UseSingleBrickConf"
               }
             },
+            "optional": true,
             "computed": false
           }
         ],
@@ -571,17 +681,11 @@
               "name": "id"
             },
             "annotation": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "number"
-                }
-              ]
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
             },
             "computed": false
           },
@@ -611,6 +715,14 @@
           }
         ]
       },
+      {
+        "type": "typeAlias",
+        "name": "NodeId",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
       {
         "type": "interface",
         "name": "NodeView",
@@ -860,17 +972,11 @@
               "name": "source"
             },
             "annotation": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "number"
-                }
-              ]
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
             },
             "computed": false
           },
@@ -881,17 +987,11 @@
               "name": "target"
             },
             "annotation": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "number"
-                }
-              ]
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
             },
             "computed": false
           }
@@ -933,6 +1033,235 @@
           ]
         }
       },
+      {
+        "type": "interface",
+        "name": "NodeBrickConf",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "useBrick"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "UseSingleBrickConf"
+              }
+            },
+            "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": "typeAlias",
+        "name": "ActiveTarget",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ActiveTargetOfNode"
+              }
+            },
+            {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ActiveTargetOfEdge"
+              }
+            }
+          ]
+        }
+      },
+      {
+        "type": "interface",
+        "name": "ActiveTargetOfNode",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
+              "type": "jsLiteral",
+              "value": "node"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "id"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "ActiveTargetOfEdge",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "type"
+            },
+            "annotation": {
+              "type": "jsLiteral",
+              "value": "edge"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "source"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "target"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "MoveNodePayload",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "id"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "x"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "y"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "NodeBasicInfo",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "id"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "data"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "unknown"
+            },
+            "computed": false
+          }
+        ]
+      },
       {
         "type": "interface",
         "name": "DropNodeInfo",
@@ -975,17 +1304,11 @@
               "name": "id"
             },
             "annotation": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "number"
-                }
-              ]
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
             },
             "computed": false
           },
@@ -1002,6 +1325,7 @@
                 "name": "UseSingleBrickConf"
               }
             },
+            "optional": true,
             "computed": false
           },
           {
@@ -1046,17 +1370,11 @@
               "name": "source"
             },
             "annotation": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "number"
-                }
-              ]
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
             },
             "computed": false
           },
@@ -1067,17 +1385,11 @@
               "name": "target"
             },
             "annotation": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "keyword",
-                  "value": "string"
-                },
-                {
-                  "type": "keyword",
-                  "value": "number"
-                }
-              ]
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "NodeId"
+              }
             },
             "computed": false
           },

package/dist-types/draw-canvas/EdgeComponent.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Cell, EdgeCell } from "./interfaces";
+export interface EdgeComponentProps {
+    edge: EdgeCell;
+    cells: Cell[];
+    markerEnd: string;
+}
+export declare function EdgeComponent({ edge, cells, markerEnd, }: EdgeComponentProps): JSX.Element | null;

package/dist-types/draw-canvas/NodeComponent.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type UseSingleBrickConf } from "@next-core/react-runtime";
+import type { NodeBrickConf, NodeCell, NodeId } from "./interfaces";
+export interface NodeContainerProps {
+    node: NodeCell;
+    defaultNodeBricks?: NodeBrickConf[];
+    onMount?: (id: NodeId, element: HTMLElement | null) => void;
+    onUnmount?: (id: NodeId) => void;
+}
+export declare function NodeContainer({ node, defaultNodeBricks, onMount, onUnmount, }: NodeContainerProps): JSX.Element | null;
+export interface NodeComponentProps {
+    id: NodeId;
+    useBrick: UseSingleBrickConf;
+    data: unknown;
+    onMount?: (id: NodeId, element: HTMLElement | null) => void;
+    onUnmount?: (id: NodeId) => void;
+}
+export declare function NodeComponent({ id, useBrick, data, onMount, onUnmount, }: NodeComponentProps): JSX.Element | null;

package/dist-types/draw-canvas/index.d.ts

@@ -1,26 +1,28 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
-import { type UseSingleBrickConf } from "@next-core/react-runtime";
+import type { UseSingleBrickConf } from "@next-core/react-runtime";
 import "@next-core/theme";
 import type { PositionTuple, SizeTuple } from "../diagram/interfaces";
-import type { Cell, EdgeCell, InitialCell, NodeCell } from "./interfaces";
+import type { ActiveTarget, EdgeCell, InitialCell, NodeBasicInfo, NodeBrickConf, NodeCell, NodeId } from "./interfaces";
 export interface EoDrawCanvasProps {
     cells: InitialCell[] | undefined;
     defaultNodeSize?: SizeTuple;
+    defaultNodeBricks?: NodeBrickConf[];
+    activeTarget?: ActiveTarget | null;
 }
 export interface DropNodeInfo extends AddNodeInfo {
     /** [PointerEvent::clientX, PointerEvent::clientY] */
     position: PositionTuple;
 }
 export interface AddNodeInfo {
-    id: string | number;
-    useBrick: UseSingleBrickConf;
+    id: NodeId;
+    useBrick?: UseSingleBrickConf;
     data?: unknown;
     size?: SizeTuple;
 }
 export interface AddEdgeInfo {
-    source: string | number;
-    target: string | number;
+    source: NodeId;
+    target: NodeId;
     data?: unknown;
 }
 export declare const EoDrawCanvasComponent: React.ForwardRefExoticComponent<EoDrawCanvasComponentProps & React.RefAttributes<DrawCanvasRef>>;
@@ -36,22 +38,21 @@ export declare class EoDrawCanvas extends ReactNextElement implements EoDrawCanv
      */
     accessor cells: InitialCell[] | undefined;
     accessor defaultNodeSize: SizeTuple | undefined;
+    accessor defaultNodeBricks: NodeBrickConf[] | undefined;
+    accessor activeTarget: ActiveTarget | null | undefined;
     dropNode({ id, position, size, data, useBrick, }: DropNodeInfo): Promise<NodeCell | null>;
     addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]>;
     addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell>;
     render(): React.JSX.Element;
 }
 export interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {
-    onCellsChange?(cells: Cell[]): void;
+    onActiveTargetChange(target: ActiveTarget | null): void;
+    onSwitchActiveTarget(target: ActiveTarget | null): void;
+    onNodeMove(info: unknown): void;
+    onNodeDelete?(node: NodeBasicInfo): void;
 }
 export interface DrawCanvasRef {
     dropNode(node: NodeCell): void;
     addNodes(nodes: NodeCell[]): void;
     addEdge(edge: EdgeCell): void;
 }
-export interface EdgeComponentProps {
-    edge: EdgeCell;
-    cells: Cell[];
-    markerEnd: string;
-}
-export declare function EdgeComponent({ edge, cells, markerEnd, }: EdgeComponentProps): JSX.Element | null;

package/dist-types/draw-canvas/interfaces.d.ts

@@ -6,6 +6,7 @@ export type NodeCell = NodeBrickCell | NodeShapeCell;
 export type EdgeCell = BaseEdgeCell;
 export type NodeShapeCell = BaseShapeCell & BaseNodeCell;
 export type NodeBrickCell = BaseBrickCell & BaseNodeCell;
+export type NodeId = string;
 export interface BaseShapeCell extends BaseCell {
     tag: "shape";
     shape: string;
@@ -18,17 +19,17 @@ export interface ShapeStyle {
 }
 export interface BaseBrickCell extends BaseCell {
     tag?: "brick";
-    useBrick: UseSingleBrickConf;
+    useBrick?: UseSingleBrickConf;
 }
 export interface BaseNodeCell extends BaseCell {
     type: "node";
-    id: string | number;
+    id: NodeId;
     view: NodeView;
 }
 export interface BaseEdgeCell extends BaseCell {
     type: "edge";
-    source: string | number;
-    target: string | number;
+    source: NodeId;
+    target: NodeId;
 }
 export interface BaseCell {
     type: "node" | "edge";
@@ -49,6 +50,24 @@ export type InitialNodeCell = Omit<NodeCell, "view"> & {
     view: InitialNodeView;
 };
 export type InitialCell = InitialNodeCell | EdgeCell;
+export interface NodeBrickConf {
+    useBrick: UseSingleBrickConf;
+    if?: string | boolean | null;
+}
+export type ActiveTarget = ActiveTargetOfNode | ActiveTargetOfEdge;
+export interface ActiveTargetOfNode {
+    type: "node";
+    id: NodeId;
+}
+export interface ActiveTargetOfEdge {
+    type: "edge";
+    source: NodeId;
+    target: NodeId;
+}
+export interface NodeBasicInfo {
+    id: NodeId;
+    data: unknown;
+}
 export interface BasicShapeProps {
     cell: ShapeCell;
     onMouseEnter?: () => void;

package/dist-types/draw-canvas/processors/findNode.d.ts

@@ -0,0 +1,2 @@
+import type { Cell, NodeCell, NodeId } from "../interfaces";
+export declare function findNode(cells: Cell[], id: NodeId): NodeCell | undefined;

package/dist-types/draw-canvas/processors/handleKeyboard.d.ts

@@ -0,0 +1,10 @@
+import type { ActiveTarget, Cell, NodeBasicInfo } from "../interfaces";
+export type KeyboardAction = KeyboardActionDeleteNode;
+export interface KeyboardActionDeleteNode {
+    action: "delete-node";
+    node: NodeBasicInfo;
+}
+export declare function handleKeyboard(event: KeyboardEvent, { cells, activeTarget, }: {
+    cells: Cell[];
+    activeTarget: ActiveTarget | null | undefined;
+}): KeyboardAction | undefined;