@ankhzet/graph 0.4.1 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ankhzet/graph
 
+## 0.5.1
+
+### Patch Changes
+
+- Forward layouter prop
+
+## 0.5.0
+
+### Minor Changes
+
+- Add layouter prop to canvas
+
 ## 0.4.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -70,6 +70,27 @@ export declare type ConnectorPoint<Node extends GraphNodeInterface, Input extend
     connector?: Connector<Node['id']>;
 });
 
+export declare class Coordinates implements Coordinator {
+    grid: number;
+    gridSize: Position;
+    sizes: {
+        grid: Position;
+        port: number;
+        lane: number;
+        space: number;
+    };
+    constructor({ grid, port, lane, space, }?: Partial<SizeOverrides>);
+    snap(value: number): number;
+    toGraph({ x, y }: Position): {
+        x: number;
+        y: number;
+    };
+    toData({ x, y }: Position): {
+        x: number;
+        y: number;
+    };
+}
+
 export declare type Coordinator = {
     grid: number;
     gridSize: Position;
@@ -135,7 +156,7 @@ export declare class GraphAdapter<Node extends GraphNodeInterface> extends Batch
 
 export declare type GraphBarrier<N extends GraphNodeInterface> = (node: N) => boolean;
 
-export declare function GraphCanvas<Node extends GraphNodeInterface<ID, Data, Render>, ID = any, Data = any, Render = any>({ innerRef, nodes, subset, coordinator, menu, onSelectNode, onContextMenu, ...rest }: GraphNodeProps<Node>): JSX.Element;
+export declare function GraphCanvas<Node extends GraphNodeInterface<ID, Data, Render>, ID = any, Data = any, Render = any>({ innerRef, nodes, subset, coordinator, layouter, menu, onSelectNode, onContextMenu, ...rest }: GraphNodeProps<Node>): JSX.Element;
 
 declare interface GraphDTO {
     title: string;
@@ -231,6 +252,7 @@ export declare class GraphNodeJoints<ID> implements NodeJoints<ID> {
 export declare interface GraphNodeProps<Node extends GraphNodeInterface> {
     innerRef?: Ref<GraphRef<Node>>;
     coordinator: Coordinator;
+    layouter?: Layouter<Node>;
     nodes: Node[];
     subset?: Node['id'][];
     menu: IMenuProvider<any>;
@@ -243,12 +265,16 @@ export declare type GraphRef<Node extends GraphNodeInterface> = {
     element?: HTMLDivElement;
 };
 
+export declare const GRID_SIZE = 16;
+
 declare interface GroupableItem<ID> {
     id: ID;
 }
 
 export declare type GroupResolver<T extends GroupableItem<any>> = (node: T) => null | undefined | ItemsGroup<T['id']>;
 
+export declare const groupResolver: ({ description: { item } }: ManagedGraphNode) => string | null;
+
 export declare interface HitTestResult<Node extends GraphNodeInterface> extends Position {
     node: Node;
     width: number;
@@ -312,13 +338,15 @@ export declare type ItemsGroup<ID> = {
     ids: ID[];
 };
 
+export declare const LANE_SIZE = 16;
+
 export declare interface Layer<Node extends GraphNodeInterface> {
     [id: string]: Node;
 }
 
 export declare class LayeredLayout<Node extends GraphNodeInterface> extends NodesGraph<Node> implements Layout<Node> {
+    #private;
     layers: Layers<Node>;
-    private hash;
     get center(): Position;
     spread(layer: number, nodes: Node['id'][]): number;
     findMax(node: Node): number;
@@ -327,28 +355,27 @@ export declare class LayeredLayout<Node extends GraphNodeInterface> extends Node
     remove(node: Node, layer: number): boolean;
     put(node: Node, layer: number): void;
     findLayer(node: Node): number;
-    findLayers(nodes: Node[]): Partial<Record<string, number>>;
+    findLayers(nodes: Node[]): Record<string, number>;
     shift(node: Node, fromLayer: number, offset: number, chain?: Node[]): number;
     private all;
     private walk;
 }
 
-export declare interface Layers<Node extends GraphNodeInterface> extends Iterable<Layer<Node>> {
-    [idx: number]: Layer<Node>;
+export declare interface Layers<Node extends GraphNodeInterface> extends Array<Layer<Node>> {
 }
 
-declare interface Layout<Node extends GraphNodeInterface<any, any>> {
+declare interface Layout<Node extends GraphNodeInterface> {
     readonly center: Position;
     getSubGraphs(subset?: Node['id'][]): Node['id'][][];
     spread(layer: number, nodes: Node['id'][]): number;
 }
 
-export declare class Layouter<Node extends GraphNodeInterface<any, any>> {
+export declare class Layouter<Node extends GraphNodeInterface> {
     private readonly isBarrier;
     private readonly klass;
     constructor(klass: Constructor<Layout<Node>, [nodes: Node[], isBarrier: GraphBarrier<Node>]>, isBarrier: GraphBarrier<Node>);
     layout(nodes: Node[], subset?: Node['id'][]): Layout<Node>;
-    getSubGraphs(nodes: Node[]): Node["id"][][];
+    getSubGraphs(nodes: Node[], subset?: Node['id'][]): Node["id"][][];
 }
 
 export declare type Line = {
@@ -358,7 +385,7 @@ export declare type Line = {
     update(): void;
 };
 
-export declare const ManagedGraph: <Graph extends IGraph<Item>, Item extends IItem, DTO extends GraphDTO>({ innerRef, graph, selected, sizes, handlers, children, onExport, ...rest }: PropsWithChildren<ManagedGraphProps<Graph, Item, DTO>>) => JSX.Element;
+export declare const ManagedGraph: <Graph extends IGraph<Item>, Item extends IItem, DTO extends GraphDTO>({ innerRef, graph, layouter, selected, sizes, handlers, children, onExport, ...rest }: PropsWithChildren<ManagedGraphProps<Graph, Item, DTO>>) => JSX.Element;
 
 export declare class ManagedGraphNode<Item extends IItem = IItem> extends GraphNode<TypeId, NodeData<Item>, Container> implements IMenuProvider<MenuAction> {
     #private;
@@ -396,6 +423,7 @@ export declare interface ManagedGraphProps<Graph extends IGraph<Item>, Item exte
     }>;
     graph: Graph;
     selected?: Item[];
+    layouter?: Layouter<ManagedGraphNode<Item>>;
     className?: string;
     sizes?: SizeOverrides;
     handlers?: Partial<GraphHandlers<DTO, Item>>;
@@ -528,6 +556,8 @@ declare class PIXIText extends Container {
     set tint(color: ColorSource);
 }
 
+export declare const PORT_SIZE = 8;
+
 export declare type Position = {
     x: number;
     y: number;
@@ -609,13 +639,15 @@ export declare type RequestedConnection<ID, Node> = {
 
 export declare type Resolver<Item> = (id: TypeId) => Item | undefined;
 
-declare type SizeOverrides = {
+export declare type SizeOverrides = {
     grid: number;
     port: number;
     lane: number;
     space: number;
 };
 
+export declare const SPACE_SIZE = 32;
+
 export declare class Store<Item extends {
     id: TypeId;
 }> extends DisposableEventSource implements StoreInterface<Item> {