@aloudata/ink-flow 1.0.0

package/dist/styles/utils.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from 'react';
+export declare const containerStyle: CSSProperties;
+//# sourceMappingURL=utils.d.ts.map

package/dist/styles/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,cAAc,EAAE,aAM5B,CAAC"}

package/dist/types/edges.d.ts

@@ -0,0 +1,114 @@
+import { CSSProperties, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
+import { BezierPathOptions, Connection, DefaultEdgeOptionsBase, EdgeBase, EdgePosition, HandleType, OnError, SmoothStepPathOptions, StepPathOptions } from './system';
+import { EdgeTypes } from './general';
+export type Edge<EdgeData extends Record<string, unknown> = Record<string, unknown>, EdgeType extends string | undefined = string | undefined> = EdgeBase<EdgeData, EdgeType> & EdgeLabelOptions & {
+    style?: CSSProperties;
+    className?: string;
+    updatable?: EdgeUpdatable;
+    focusable?: boolean;
+};
+export type EdgeLabelOptions = {
+    label?: string | ReactNode;
+    labelStyle?: CSSProperties;
+    labelShowBg?: boolean;
+    labelBgStyle?: CSSProperties;
+    labelBgPadding?: [number, number];
+    labelBgBorderRadius?: number;
+};
+export type EdgeUpdatable = boolean | HandleType;
+export type OnEdgeUpdateFunc<EdgeType extends Edge = Edge> = (oldEdge: EdgeType, newConnection: Connection) => void;
+export type EdgeMouseHandler<EdgeType extends Edge = Edge> = (event: ReactMouseEvent, edge: EdgeType) => void;
+export type EdgeWrapperProps<EdgeType extends Edge = Edge> = {
+    id: string;
+    edgesFocusable: boolean;
+    edgesUpdatable: boolean;
+    elementsSelectable: boolean;
+    noPanClassName: string;
+    onClick?: EdgeMouseHandler<EdgeType>;
+    onDoubleClick?: EdgeMouseHandler<EdgeType>;
+    onEdgeUpdate?: OnEdgeUpdateFunc<EdgeType>;
+    onContextMenu?: EdgeMouseHandler<EdgeType>;
+    onMouseEnter?: EdgeMouseHandler<EdgeType>;
+    onMouseMove?: EdgeMouseHandler<EdgeType>;
+    onMouseLeave?: EdgeMouseHandler<EdgeType>;
+    edgeUpdaterRadius?: number;
+    onEdgeUpdateStart?: (event: ReactMouseEvent, edge: EdgeType, handleType: HandleType) => void;
+    onEdgeUpdateEnd?: (event: MouseEvent | TouchEvent, edge: EdgeType, handleType: HandleType) => void;
+    rfId?: string;
+    edgeTypes?: EdgeTypes;
+    onError?: OnError;
+    disableKeyboardA11y?: boolean;
+};
+export type EdgeProps<EdgeType extends Edge = Edge> = Pick<EdgeType, 'id' | 'animated' | 'data' | 'style' | 'selected' | 'source' | 'target'> & EdgePosition & EdgeLabelOptions & {
+    sourceHandleId?: string | null;
+    targetHandleId?: string | null;
+    markerStart?: string;
+    markerEnd?: string;
+    pathOptions?: any;
+    interactionWidth?: number;
+};
+export type DefaultEdgeOptions = DefaultEdgeOptionsBase<Edge>;
+export type BaseEdgeProps = EdgeLabelOptions & {
+    /** Unique id of edge */
+    id?: string;
+    /** Additional padding where interacting with an edge is still possible */
+    interactionWidth?: number;
+    className?: string;
+    /** The x position of edge label */
+    labelX?: number;
+    /** The y position of edge label */
+    labelY?: number;
+    /** Marker at start of edge
+     * @example 'url(#arrow)'
+     */
+    markerStart?: string;
+    /** Marker at end of edge
+     * @example 'url(#arrow)'
+     */
+    markerEnd?: string;
+    /** SVG path of the edge */
+    path: string;
+    style?: CSSProperties;
+};
+export type EdgeComponentProps = EdgePosition & EdgeLabelOptions & {
+    id?: EdgeProps['id'];
+    markerStart?: EdgeProps['markerStart'];
+    markerEnd?: EdgeProps['markerEnd'];
+    interactionWidth?: EdgeProps['interactionWidth'];
+    style?: EdgeProps['style'];
+    sourceHandleId?: EdgeProps['sourceHandleId'];
+    targetHandleId?: EdgeProps['targetHandleId'];
+};
+export type EdgeComponentWithPathOptions<PathOptions> = EdgeComponentProps & {
+    pathOptions?: PathOptions;
+};
+/**
+ * BezierEdge component props
+ * @public
+ */
+export type BezierEdgeProps = EdgeComponentWithPathOptions<BezierPathOptions>;
+/**
+ * SmoothStepEdge component props
+ * @public
+ */
+export type SmoothStepEdgeProps = EdgeComponentWithPathOptions<SmoothStepPathOptions>;
+/**
+ * StepEdge component props
+ * @public
+ */
+export type StepEdgeProps = EdgeComponentWithPathOptions<StepPathOptions>;
+/**
+ * StraightEdge component props
+ * @public
+ */
+export type StraightEdgeProps = Omit<EdgeComponentProps, 'sourcePosition' | 'targetPosition'>;
+/**
+ * SimpleBezier component props
+ * @public
+ */
+export type SimpleBezierEdgeProps = EdgeComponentProps;
+export type EdgeTextProps = HTMLAttributes<SVGElement> & EdgeLabelOptions & {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=edges.d.ts.map

package/dist/types/edges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edges.d.ts","sourceRoot":"","sources":["../../src/types/edges.ts"],"names":[],"mappings":"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"}

package/dist/types/general.d.ts

@@ -0,0 +1,123 @@
+import { ComponentType } from 'react';
+import { Node, Edge, EdgeProps, NodeProps } from '.';
+import { Connection, EdgeChange, FitBounds, FitViewOptionsBase, FitViewParamsBase, GetViewport, GetZoom, NodeChange, OnBeforeDeleteBase, SetCenter, SetViewport, XYPosition, ZoomInOut, ZoomTo } from './system';
+export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
+export type OnEdgesChange<EdgeType extends Edge = Edge> = (changes: EdgeChange<EdgeType>[]) => void;
+export type OnNodesDelete<NodeType extends Node = Node> = (nodes: NodeType[]) => void;
+export type OnEdgesDelete<EdgeType extends Edge = Edge> = (edges: EdgeType[]) => void;
+export type OnDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (params: {
+    nodes: NodeType[];
+    edges: EdgeType[];
+}) => void;
+export type FitViewParams<NodeType extends Node = Node> = FitViewParamsBase<NodeType>;
+export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
+export type FitView = (fitViewOptions?: FitViewOptions) => boolean;
+export type ViewportHelperFunctions = {
+    /**
+     * Zooms viewport in by 1.2.
+     *
+     * @param options.duration - optional duration. If set, a transition will be applied
+     */
+    zoomIn: ZoomInOut;
+    /**
+     * Zooms viewport out by 1 / 1.2.
+     *
+     * @param options.duration - optional duration. If set, a transition will be applied
+     */
+    zoomOut: ZoomInOut;
+    /**
+     * Sets the current zoom level.
+     *
+     * @param zoomLevel - the zoom level to set
+     * @param options.duration - optional duration. If set, a transition will be applied
+     */
+    zoomTo: ZoomTo;
+    /**
+     * Returns the current zoom level.
+     *
+     * @returns current zoom as a number
+     */
+    getZoom: GetZoom;
+    /**
+     * Sets the current viewport.
+     *
+     * @param viewport - the viewport to set
+     * @param options.duration - optional duration. If set, a transition will be applied
+     */
+    setViewport: SetViewport;
+    /**
+     * Returns the current viewport.
+     *
+     * @returns Viewport
+     */
+    getViewport: GetViewport;
+    /**
+     * Fits the view.
+     *
+     * @param options.padding - optional padding
+     * @param options.includeHiddenNodes - optional includeHiddenNodes
+     * @param options.minZoom - optional minZoom
+     * @param options.maxZoom - optional maxZoom
+     * @param options.duration - optional duration. If set, a transition will be applied
+     * @param options.nodes - optional nodes to fit the view to
+     */
+    fitView: FitView;
+    /**
+     * Sets the center of the view to the given position.
+     *
+     * @param x - x position
+     * @param y - y position
+     * @param options.zoom - optional zoom
+     */
+    setCenter: SetCenter;
+    /**
+     * Fits the view to the given bounds .
+     *
+     * @param bounds - the bounds ({ x: number, y: number, width: number, height: number }) to fit the view to
+     * @param options.padding - optional padding
+     */
+    fitBounds: FitBounds;
+    /**
+     * Converts a screen / client position to a flow position.
+     *
+     * @param clientPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+     * @param options.snapToGrid - if true, the converted position will be snapped to the grid
+     * @returns position as { x: number, y: number }
+     *
+     * @example
+     * const flowPosition = screenToFlowPosition({ x: event.clientX, y: event.clientY })
+     */
+    screenToFlowPosition: (clientPosition: XYPosition, options?: {
+        snapToGrid: boolean;
+    }) => XYPosition;
+    /**
+     * Converts a flow position to a screen / client position.
+     *
+     * @param flowPosition - the screen / client position. When you are working with events you can use event.clientX and event.clientY
+     * @returns position as { x: number, y: number }
+     *
+     * @example
+     * const clientPosition = flowToScreenPosition({ x: node.position.x, y: node.position.y })
+     */
+    flowToScreenPosition: (flowPosition: XYPosition) => XYPosition;
+};
+export type IsValidConnection<EdgeType extends Edge = Edge> = (edge: EdgeType | Connection) => boolean;
+export type OnSelectionChangeParams = {
+    nodes: Node[];
+    edges: Edge[];
+};
+export type OnSelectionChangeFunc = (params: OnSelectionChangeParams) => void;
+export type NodeTypes = Record<string, ComponentType<NodeProps & {
+    data: any;
+    type: any;
+}>>;
+export type EdgeTypes = Record<string, ComponentType<EdgeProps & {
+    data: any;
+    type: any;
+}>>;
+export type UnselectNodesAndEdgesParams = {
+    nodes?: Node[];
+    edges?: Edge[];
+};
+export type OnBeforeDelete<NodeType extends Node = Node, EdgeType extends Edge = Edge> = OnBeforeDeleteBase<NodeType, EdgeType>;
+//# sourceMappingURL=general.d.ts.map

package/dist/types/general.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/types/general.ts"],"names":[],"mappings":"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"}

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './nodes';
+export * from './edges';
+export * from './props';
+export * from './general';
+export * from './store';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/types/instance.d.ts

@@ -0,0 +1,149 @@
+import { Edge } from './edges';
+import { ViewportHelperFunctions } from './general';
+import { InternalNode } from './nodes';
+import { Rect, Viewport } from './system';
+import { Node } from '.';
+export type InkFlowJsonObject<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+    nodes: NodeType[];
+    edges: EdgeType[];
+    viewport: Viewport;
+};
+export type DeleteElementsOptions = {
+    nodes?: (Node | {
+        id: Node['id'];
+    })[];
+    edges?: (Edge | {
+        id: Edge['id'];
+    })[];
+};
+export type GeneralHelpers<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+    /**
+     * Returns nodes.
+     *
+     * @returns nodes array
+     */
+    getNodes: () => NodeType[];
+    /**
+     * Sets nodes.
+     *
+     * @param payload - the nodes to set or a function that receives the current nodes and returns the new nodes
+     */
+    setNodes: (payload: NodeType[] | ((nodes: NodeType[]) => NodeType[])) => void;
+    /**
+     * Adds nodes.
+     *
+     * @param payload - the nodes to add
+     */
+    addNodes: (payload: NodeType[] | NodeType) => void;
+    /**
+     * Returns a node by id.
+     *
+     * @param id - the node id
+     * @returns the node or undefined if no node was found
+     */
+    getNode: (id: string) => NodeType | undefined;
+    /**
+     * Returns an internal node by id.
+     *
+     * @param id - the node id
+     * @returns the internal node or undefined if no node was found
+     */
+    getInternalNode: (id: string) => InternalNode<NodeType> | undefined;
+    /**
+     * Returns edges.
+     *
+     * @returns edges array
+     */
+    getEdges: () => EdgeType[];
+    /**
+     * Sets edges.
+     *
+     * @param payload - the edges to set or a function that receives the current edges and returns the new edges
+     */
+    setEdges: (payload: EdgeType[] | ((edges: EdgeType[]) => EdgeType[])) => void;
+    /**
+     * Adds edges.
+     *
+     * @param payload - the edges to add
+     */
+    addEdges: (payload: EdgeType[] | EdgeType) => void;
+    /**
+     * Returns an edge by id.
+     *
+     * @param id - the edge id
+     * @returns the edge or undefined if no edge was found
+     */
+    getEdge: (id: string) => EdgeType | undefined;
+    /**
+     * Returns the nodes, edges and the viewport as a JSON object.
+     *
+     * @returns the nodes, edges and the viewport as a JSON object
+     */
+    toObject: () => InkFlowJsonObject<NodeType, EdgeType>;
+    /**
+     * Deletes nodes and edges.
+     *
+     * @param params.nodes - optional nodes array to delete
+     * @param params.edges - optional edges array to delete
+     *
+     * @returns a promise that resolves with the deleted nodes and edges
+     */
+    deleteElements: (params: DeleteElementsOptions) => Promise<{
+        deletedNodes: Node[];
+        deletedEdges: Edge[];
+    }>;
+    /**
+     * Returns all nodes that intersect with the given node or rect.
+     *
+     * @param node - the node or rect to check for intersections
+     * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed node or rect
+     * @param nodes - optional nodes array to check for intersections
+     *
+     * @returns an array of intersecting nodes
+     */
+    getIntersectingNodes: (node: NodeType | {
+        id: Node['id'];
+    } | Rect, partially?: boolean, nodes?: NodeType[]) => NodeType[];
+    /**
+     * Checks if the given node or rect intersects with the passed rect.
+     *
+     * @param node - the node or rect to check for intersections
+     * @param area - the rect to check for intersections
+     * @param partially - if true, the node is considered to be intersecting if it partially overlaps with the passed react
+     *
+     * @returns true if the node or rect intersects with the given area
+     */
+    isNodeIntersecting: (node: NodeType | {
+        id: Node['id'];
+    } | Rect, area: Rect, partially?: boolean) => boolean;
+    /**
+     * Updates a node.
+     *
+     * @param id - id of the node to update
+     * @param nodeUpdate - the node update as an object or a function that receives the current node and returns the node update
+     * @param options.replace - if true, the node is replaced with the node update, otherwise the changes get merged
+     *
+     * @example
+     * updateNode('node-1', (node) => ({ position: { x: node.position.x + 10, y: node.position.y } }));
+     */
+    updateNode: (id: string, nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>), options?: {
+        replace: boolean;
+    }) => void;
+    /**
+     * Updates the data attribute of a node.
+     *
+     * @param id - id of the node to update
+     * @param dataUpdate - the data update as an object or a function that receives the current data and returns the data update
+     * @param options.replace - if true, the data is replaced with the data update, otherwise the changes get merged
+     *
+     * @example
+     * updateNodeData('node-1', { label: 'A new label' });
+     */
+    updateNodeData: (id: string, dataUpdate: object | ((node: NodeType) => object), options?: {
+        replace: boolean;
+    }) => void;
+};
+export type InkFlowInstance<NodeType extends Node = Node, EdgeType extends Edge = Edge> = GeneralHelpers<NodeType, EdgeType> & Omit<ViewportHelperFunctions, 'initialized'> & {
+    viewportInitialized: boolean;
+};
+//# sourceMappingURL=instance.d.ts.map

package/dist/types/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../src/types/instance.ts"],"names":[],"mappings":"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"}

package/dist/types/nodes.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
+import { CoordinateExtent, InternalNodeBase, NodeBase, NodeOrigin, NodeProps as NodePropsBase, OnError } from './system';
+import { NodeTypes } from './general';
+export type Node<NodeData extends Record<string, unknown> = Record<string, unknown>, NodeType extends string = string> = NodeBase<NodeData, NodeType> & {
+    style?: CSSProperties;
+    className?: string;
+    resizing?: boolean;
+    focusable?: boolean;
+};
+export type InternalNode<NodeType extends Node = Node> = InternalNodeBase<NodeType>;
+export type NodeMouseHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, node: NodeType) => void;
+export type SelectionDragHandler<NodeType extends Node = Node> = (event: ReactMouseEvent, nodes: NodeType[]) => void;
+export type OnNodeDrag<NodeType extends Node = Node> = (event: ReactMouseEvent, node: NodeType, nodes: NodeType[]) => void;
+export type NodeWrapperProps<NodeType extends Node> = {
+    id: string;
+    nodesConnectable: boolean;
+    elementsSelectable: boolean;
+    nodesDraggable: boolean;
+    nodesFocusable: boolean;
+    onClick?: NodeMouseHandler<NodeType>;
+    onDoubleClick?: NodeMouseHandler<NodeType>;
+    onMouseEnter?: NodeMouseHandler<NodeType>;
+    onMouseMove?: NodeMouseHandler<NodeType>;
+    onMouseLeave?: NodeMouseHandler<NodeType>;
+    onContextMenu?: NodeMouseHandler<NodeType>;
+    resizeObserver: ResizeObserver | null;
+    noDragClassName: string;
+    noPanClassName: string;
+    rfId: string;
+    disableKeyboardA11y: boolean;
+    nodeTypes?: NodeTypes;
+    nodeExtent?: CoordinateExtent;
+    nodeOrigin: NodeOrigin;
+    onError?: OnError;
+};
+export type NodeProps<NodeType extends Node = Node> = NodePropsBase<NodeType>;
+export type BuiltInNode = Node<{
+    label: string;
+}, 'input' | 'output' | 'default'>;
+//# sourceMappingURL=nodes.d.ts.map

package/dist/types/nodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../src/types/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,SAAS,IAAI,aAAa,EAC1B,OAAO,EACR,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,MAAM,IAAI,CACd,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IACnD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAE7B,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAC3D,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,QAAQ,KACX,IAAI,CAAC;AACV,MAAM,MAAM,oBAAoB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAC/D,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,QAAQ,EAAE,KACd,IAAI,CAAC;AACV,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CACrD,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,EAAE,KACd,IAAI,CAAC;AAEV,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,IAAI;IACpD,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC9E,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EACjB,OAAO,GAAG,QAAQ,GAAG,SAAS,CAC/B,CAAC"}

package/dist/types/props.d.ts

@@ -0,0 +1,151 @@
+import type { HTMLAttributes, MouseEvent as ReactMouseEvent, WheelEvent } from 'react';
+import { DefaultEdgeOptions, Edge, FitViewOptions, Node, NodeTypes, OnEdgeUpdateFunc, OnEdgesChange, OnNodesChange, SelectionDragHandler } from '.';
+import { CoordinateExtent, KeyCode, NodeOrigin, PanOnScrollMode, Viewport } from './system';
+export interface InkFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
+    /** An array of nodes to render in a controlled flow.
+     * @example
+     * const nodes = [
+     *  {
+     *    id: 'node-1',
+     *    type: 'input',
+     *    data: { label: 'Node 1' },
+     *    position: { x: 250, y: 50 }
+     *  }
+     * ];
+     */
+    nodes?: NodeType[];
+    /** An array of edges to render in a controlled flow.
+     * @example
+     * const edges = [
+     *  {
+     *    id: 'edge-1-2',
+     *    source: 'node-1',
+     *    target: 'node-2',
+     *  }
+     * ];
+     */
+    edges?: EdgeType[];
+    /** The initial nodes to render in an uncontrolled flow. */
+    defaultNodes?: NodeType[];
+    /** The initial edges to render in an uncontrolled flow. */
+    defaultEdges?: EdgeType[];
+    /** Defaults to be applied to all new edges that are added to the flow.
+     *
+     * Properties on a new edge will override these defaults if they exist.
+     * @example
+     * const defaultEdgeOptions = {
+     *  type: 'customEdgeType',
+     *  animated: true,
+     *  interactionWidth: 10,
+     *  data: { label: 'custom label' },
+     *  hidden: false,
+     *  deletable: true,
+     *  selected: false,
+     *  focusable: true,
+     *  markerStart: EdgeMarker.ArrowClosed,
+     *  markerEnd: EdgeMarker.ArrowClosed,
+     *  zIndex: 12,
+     *  ariaLabel: 'custom aria label'
+     * }
+     */
+    defaultEdgeOptions?: DefaultEdgeOptions;
+    onEdgeUpdate?: OnEdgeUpdateFunc<EdgeType>;
+    onNodesChange?: OnNodesChange<NodeType>;
+    onEdgesChange?: OnEdgesChange<EdgeType>;
+    /** This event handler gets called when a Node is deleted */
+    /** This event handler gets called when a Edge is deleted */
+    /** This event handler gets called when a Node or Edge is deleted */
+    /** This event handler gets called when a user starts to drag a selection box */
+    onSelectionDragStart?: SelectionDragHandler<NodeType>;
+    /** This event handler gets called when a user drags a selection box */
+    onSelectionDrag?: SelectionDragHandler<NodeType>;
+    /** This event handler gets called when a user stops dragging a selection box */
+    onSelectionDragStop?: SelectionDragHandler<NodeType>;
+    onSelectionStart?: (event: ReactMouseEvent) => void;
+    onSelectionEnd?: (event: ReactMouseEvent) => void;
+    onSelectionContextMenu?: (event: ReactMouseEvent, nodes: NodeType[]) => void;
+    /** This event handler gets called when user scroll inside the pane */
+    onPaneScroll?: (event?: WheelEvent) => void;
+    /** This event handler gets called when user clicks inside the pane */
+    onPaneClick?: (event: ReactMouseEvent) => void;
+    /** This event handler gets called when user right clicks inside the pane */
+    onPaneContextMenu?: (event: ReactMouseEvent | MouseEvent) => void;
+    /** This event handler gets called when mouse enters the pane */
+    onPaneMouseEnter?: (event: ReactMouseEvent) => void;
+    /** This event handler gets called when mouse moves over the pane */
+    onPaneMouseMove?: (event: ReactMouseEvent) => void;
+    /** This event handler gets called when mouse leaves the pane */
+    onPaneMouseLeave?: (event: ReactMouseEvent) => void;
+    nodeTypes?: NodeTypes;
+    deleteKeyCode?: KeyCode | null;
+    selectionKeyCode?: KeyCode | null;
+    selectionOnDrag?: boolean;
+    selectionMode?: SelectionMode;
+    panActivationKeyCode?: KeyCode | null;
+    multiSelectionKeyCode?: KeyCode | null;
+    zoomActivationKeyCode?: KeyCode | null;
+    /** Controls if all nodes should be draggable
+     * @default true
+     */
+    nodesDraggable?: boolean;
+    nodeOrigin?: NodeOrigin;
+    elementsSelectable?: boolean;
+    panOnDrag?: boolean | number[];
+    minZoom?: number;
+    maxZoom?: number;
+    viewport?: Viewport;
+    /** Sets the initial position and zoom of the viewport.
+     *
+     * If a default viewport is provided but fitView is enabled, the default viewport will be ignored.
+     * @example
+     * const initialViewport = {
+     *  zoom: 0.5,
+     *  position: { x: 0, y: 0 }
+     * };
+     */
+    defaultViewport?: Viewport;
+    onViewportChange?: (viewport: Viewport) => void;
+    translateExtent?: CoordinateExtent;
+    preventScrolling?: boolean;
+    /** By default nodes can be placed on an infinite flow. You can use this prop to set a boundary.
+     *
+     * The first pair of coordinates is the top left boundary and the second pair is the bottom right.
+     * @example [[-1000, -10000], [1000, 1000]]
+     */
+    nodeExtent?: CoordinateExtent;
+    zoomOnScroll?: boolean;
+    zoomOnPinch?: boolean;
+    panOnScroll?: boolean;
+    panOnScrollSpeed?: number;
+    panOnScrollMode?: PanOnScrollMode;
+    zoomOnDoubleClick?: boolean;
+    noDragClassName?: string;
+    noWheelClassName?: string;
+    noPanClassName?: string;
+    /** If set, initial viewport will show all nodes & edges */
+    fitView?: boolean;
+    /** Options to be used in combination with fitView
+     * @example
+     * const fitViewOptions = {
+     *  padding: 0.1,
+     *  includeHiddenNodes: false,
+     *  minZoom: 0.1,
+     *  maxZoom: 1,
+     *  duration: 200,
+     *  nodes: [{id: 'node-1'}, {id: 'node-2'}], // nodes to fit
+     * };
+     */
+    fitViewOptions?: FitViewOptions;
+    /**The connectOnClick option lets you click or tap on a source handle to start a connection
+     * and then click on a target handle to complete the connection.
+     *
+     * If you set this option to false, users will need to drag the connection line to the target
+     * handle to create a connection.
+     */
+    disableKeyboardA11y?: boolean;
+    /** Sets a fixed width for the flow */
+    width?: number;
+    /** Sets a fixed height for the flow */
+    height?: number;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"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"}