@likec4/diagram 1.0.0-next.2 → 1.0.0

package/dist/state/useDiagramStore.d.ts

@@ -0,0 +1,387 @@
+import { DiagramState } from './diagramStore';
+
+declare function useDiagramState<StateSlice = unknown>(selector: (state: DiagramState) => StateSlice, equalityFn?: (a: StateSlice, b: StateSlice) => boolean): StateSlice;
+declare function useDiagramStoreApi(): {
+    getState: () => {
+        view: import('@likec4/core').DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: import('..').XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: import('@likec4/core').DiagramView[];
+        lastOnNavigate: {
+            fromView: import('@likec4/core').ViewID;
+            toView: import('@likec4/core').ViewID;
+            element: import('@likec4/core').DiagramNode;
+            elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import('..').OnChange | null | undefined;
+        onNavigateTo: import('..').OnNavigateTo | null | undefined;
+        onNodeClick: import('..').OnNodeClick | null | undefined;
+        onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+        onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+        onEdgeClick: import('..').OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+        onCanvasClick: import('..').OnCanvasClick | null | undefined;
+        onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+        updateView: (view: import('@likec4/core').DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+        triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    };
+    setState: <A extends string | {
+        type: string;
+    }>(partial: {
+        view: import('@likec4/core').DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: import('..').XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: import('@likec4/core').DiagramView[];
+        lastOnNavigate: {
+            fromView: import('@likec4/core').ViewID;
+            toView: import('@likec4/core').ViewID;
+            element: import('@likec4/core').DiagramNode;
+            elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import('..').OnChange | null | undefined;
+        onNavigateTo: import('..').OnNavigateTo | null | undefined;
+        onNodeClick: import('..').OnNodeClick | null | undefined;
+        onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+        onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+        onEdgeClick: import('..').OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+        onCanvasClick: import('..').OnCanvasClick | null | undefined;
+        onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+        updateView: (view: import('@likec4/core').DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+        triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    } | Partial<{
+        view: import('@likec4/core').DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: import('..').XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: import('@likec4/core').DiagramView[];
+        lastOnNavigate: {
+            fromView: import('@likec4/core').ViewID;
+            toView: import('@likec4/core').ViewID;
+            element: import('@likec4/core').DiagramNode;
+            elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import('..').OnChange | null | undefined;
+        onNavigateTo: import('..').OnNavigateTo | null | undefined;
+        onNodeClick: import('..').OnNodeClick | null | undefined;
+        onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+        onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+        onEdgeClick: import('..').OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+        onCanvasClick: import('..').OnCanvasClick | null | undefined;
+        onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+        updateView: (view: import('@likec4/core').DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+        triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    }> | ((state: {
+        view: import('@likec4/core').DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: import('..').XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: import('@likec4/core').DiagramView[];
+        lastOnNavigate: {
+            fromView: import('@likec4/core').ViewID;
+            toView: import('@likec4/core').ViewID;
+            element: import('@likec4/core').DiagramNode;
+            elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import('..').OnChange | null | undefined;
+        onNavigateTo: import('..').OnNavigateTo | null | undefined;
+        onNodeClick: import('..').OnNodeClick | null | undefined;
+        onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+        onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+        onEdgeClick: import('..').OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+        onCanvasClick: import('..').OnCanvasClick | null | undefined;
+        onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+        updateView: (view: import('@likec4/core').DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+        triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    }) => {
+        view: import('@likec4/core').DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: import('..').XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: import('@likec4/core').DiagramView[];
+        lastOnNavigate: {
+            fromView: import('@likec4/core').ViewID;
+            toView: import('@likec4/core').ViewID;
+            element: import('@likec4/core').DiagramNode;
+            elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import('..').OnChange | null | undefined;
+        onNavigateTo: import('..').OnNavigateTo | null | undefined;
+        onNodeClick: import('..').OnNodeClick | null | undefined;
+        onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+        onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+        onEdgeClick: import('..').OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+        onCanvasClick: import('..').OnCanvasClick | null | undefined;
+        onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+        updateView: (view: import('@likec4/core').DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+        triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    } | Partial<{
+        view: import('@likec4/core').DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: import('..').XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: import('@likec4/core').DiagramView[];
+        lastOnNavigate: {
+            fromView: import('@likec4/core').ViewID;
+            toView: import('@likec4/core').ViewID;
+            element: import('@likec4/core').DiagramNode;
+            elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import('..').OnChange | null | undefined;
+        onNavigateTo: import('..').OnNavigateTo | null | undefined;
+        onNodeClick: import('..').OnNodeClick | null | undefined;
+        onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+        onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+        onEdgeClick: import('..').OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+        onCanvasClick: import('..').OnCanvasClick | null | undefined;
+        onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+        updateView: (view: import('@likec4/core').DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+        triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    }>), replace?: boolean | undefined, action?: A | undefined) => void;
+    subscribe: {
+        (listener: (selectedState: {
+            view: import('@likec4/core').DiagramView;
+            readonly: boolean;
+            showElementLinks: boolean;
+            fitViewEnabled: boolean;
+            fitViewPadding: number;
+            nodesDraggable: boolean;
+            nodesSelectable: boolean;
+            xyflow: import('..').XYFlowInstance;
+            initialized: boolean;
+            lastClickedNodeId: string | null;
+            lastClickedEdgeId: string | null;
+            hoveredNodeId: string | null;
+            hoveredEdgeId: string | null;
+            previousViews: import('@likec4/core').DiagramView[];
+            lastOnNavigate: {
+                fromView: import('@likec4/core').ViewID;
+                toView: import('@likec4/core').ViewID;
+                element: import('@likec4/core').DiagramNode;
+                elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+                positionCorrected: boolean;
+            } | null;
+            viewportChanged: boolean;
+            onChange: import('..').OnChange | null | undefined;
+            onNavigateTo: import('..').OnNavigateTo | null | undefined;
+            onNodeClick: import('..').OnNodeClick | null | undefined;
+            onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+            onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+            onEdgeClick: import('..').OnEdgeClick | null | undefined;
+            onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+            onCanvasClick: import('..').OnCanvasClick | null | undefined;
+            onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+            updateView: (view: import('@likec4/core').DiagramView) => void;
+            setHoveredNode: (nodeId: string | null) => void;
+            setHoveredEdge: (edgeId: string | null) => void;
+            setLastClickedNode: (nodeId: string | null) => void;
+            setLastClickedEdge: (edgeId: string | null) => void;
+            getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+            triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+            triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+            fitDiagram: () => void;
+        }, previousSelectedState: {
+            view: import('@likec4/core').DiagramView;
+            readonly: boolean;
+            showElementLinks: boolean;
+            fitViewEnabled: boolean;
+            fitViewPadding: number;
+            nodesDraggable: boolean;
+            nodesSelectable: boolean;
+            xyflow: import('..').XYFlowInstance;
+            initialized: boolean;
+            lastClickedNodeId: string | null;
+            lastClickedEdgeId: string | null;
+            hoveredNodeId: string | null;
+            hoveredEdgeId: string | null;
+            previousViews: import('@likec4/core').DiagramView[];
+            lastOnNavigate: {
+                fromView: import('@likec4/core').ViewID;
+                toView: import('@likec4/core').ViewID;
+                element: import('@likec4/core').DiagramNode;
+                elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+                positionCorrected: boolean;
+            } | null;
+            viewportChanged: boolean;
+            onChange: import('..').OnChange | null | undefined;
+            onNavigateTo: import('..').OnNavigateTo | null | undefined;
+            onNodeClick: import('..').OnNodeClick | null | undefined;
+            onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+            onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+            onEdgeClick: import('..').OnEdgeClick | null | undefined;
+            onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+            onCanvasClick: import('..').OnCanvasClick | null | undefined;
+            onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+            updateView: (view: import('@likec4/core').DiagramView) => void;
+            setHoveredNode: (nodeId: string | null) => void;
+            setHoveredEdge: (edgeId: string | null) => void;
+            setLastClickedNode: (nodeId: string | null) => void;
+            setLastClickedEdge: (edgeId: string | null) => void;
+            getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+            triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+            triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+            fitDiagram: () => void;
+        }) => void): () => void;
+        <U>(selector: (state: {
+            view: import('@likec4/core').DiagramView;
+            readonly: boolean;
+            showElementLinks: boolean;
+            fitViewEnabled: boolean;
+            fitViewPadding: number;
+            nodesDraggable: boolean;
+            nodesSelectable: boolean;
+            xyflow: import('..').XYFlowInstance;
+            initialized: boolean;
+            lastClickedNodeId: string | null;
+            lastClickedEdgeId: string | null;
+            hoveredNodeId: string | null;
+            hoveredEdgeId: string | null;
+            previousViews: import('@likec4/core').DiagramView[];
+            lastOnNavigate: {
+                fromView: import('@likec4/core').ViewID;
+                toView: import('@likec4/core').ViewID;
+                element: import('@likec4/core').DiagramNode;
+                elementCenterScreenPosition: import('@xyflow/system').XYPosition;
+                positionCorrected: boolean;
+            } | null;
+            viewportChanged: boolean;
+            onChange: import('..').OnChange | null | undefined;
+            onNavigateTo: import('..').OnNavigateTo | null | undefined;
+            onNodeClick: import('..').OnNodeClick | null | undefined;
+            onNodeContextMenu: import('..').OnNodeClick | null | undefined;
+            onCanvasContextMenu: import('..').OnCanvasClick | null | undefined;
+            onEdgeClick: import('..').OnEdgeClick | null | undefined;
+            onEdgeContextMenu: import('..').OnEdgeClick | null | undefined;
+            onCanvasClick: import('..').OnCanvasClick | null | undefined;
+            onCanvasDblClick: import('..').OnCanvasClick | null | undefined;
+            updateView: (view: import('@likec4/core').DiagramView) => void;
+            setHoveredNode: (nodeId: string | null) => void;
+            setHoveredEdge: (edgeId: string | null) => void;
+            setLastClickedNode: (nodeId: string | null) => void;
+            setLastClickedEdge: (edgeId: string | null) => void;
+            getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
+            triggerOnChange: (changes: import('@likec4/core').NonEmptyArray<import("..").Change>) => void;
+            triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent<Element, MouseEvent>) => void;
+            fitDiagram: () => void;
+        }) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: (a: U, b: U) => boolean;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+};
+export type DiagramStoreApi = ReturnType<typeof useDiagramStoreApi>;
+export { useDiagramState, useDiagramStoreApi };