@ankhzet/graph 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ankhzet/graph
 
+## 0.5.1
+
+### Patch Changes
+
+- Forward layouter prop
+
 ## 0.5.0
 
 ### Minor 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;
@@ -244,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;
@@ -313,6 +338,8 @@ export declare type ItemsGroup<ID> = {
     ids: ID[];
 };
 
+export declare const LANE_SIZE = 16;
+
 export declare interface Layer<Node extends GraphNodeInterface> {
     [id: string]: Node;
 }
@@ -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> {