@likec4/diagram 1.0.0-next.2 → 1.0.0

package/dist/state/diagramStore.d.ts

@@ -0,0 +1,428 @@
+import { XYFlowInstance } from '../xyflow/types';
+import { Change, LikeC4DiagramEventHandlers } from '../LikeC4Diagram.props';
+import { Exact, Simplify } from 'type-fest';
+import { MouseEvent as ReactMouseEvent } from 'react';
+import { XYPosition } from '@xyflow/react';
+import { DiagramNode, DiagramView, Fqn, NonEmptyArray, ViewID } from '@likec4/core';
+
+export type DiagramStore = {
+    view: DiagramView;
+    readonly: boolean;
+    showElementLinks: boolean;
+    fitViewEnabled: boolean;
+    fitViewPadding: number;
+    nodesDraggable: boolean;
+    nodesSelectable: boolean;
+    xyflow: XYFlowInstance;
+    initialized: boolean;
+    lastClickedNodeId: string | null;
+    lastClickedEdgeId: string | null;
+    hoveredNodeId: string | null;
+    hoveredEdgeId: string | null;
+    previousViews: DiagramView[];
+    lastOnNavigate: null | {
+        fromView: ViewID;
+        toView: ViewID;
+        element: DiagramNode;
+        elementCenterScreenPosition: XYPosition;
+        positionCorrected: boolean;
+    };
+    viewportChanged: boolean;
+} & Required<LikeC4DiagramEventHandlers>;
+export type DiagramInitialState = Pick<DiagramStore, 'view' | 'readonly' | 'showElementLinks' | 'fitViewEnabled' | 'fitViewPadding' | 'nodesDraggable' | 'nodesSelectable'> & LikeC4DiagramEventHandlers;
+interface DiagramStoreActions {
+    updateView: (view: DiagramView) => void;
+    setHoveredNode: (nodeId: string | null) => void;
+    setHoveredEdge: (edgeId: string | null) => void;
+    setLastClickedNode: (nodeId: string | null) => void;
+    setLastClickedEdge: (edgeId: string | null) => void;
+    getElement(id: Fqn): DiagramNode | null;
+    triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+    triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent) => void;
+    fitDiagram: () => void;
+}
+export type DiagramState = Simplify<DiagramStore & DiagramStoreActions>;
+type CreateDiagramStore = DiagramInitialState & Pick<DiagramStore, 'xyflow'>;
+export declare function createDiagramStore<T extends Exact<CreateDiagramStore, T>>(props: T): import('zustand/traditional').UseBoundStoreWithEqualityFn<Omit<Omit<import("zustand/vanilla").StoreApi<{
+    view: DiagramView;
+    readonly: boolean;
+    showElementLinks: boolean;
+    fitViewEnabled: boolean;
+    fitViewPadding: number;
+    nodesDraggable: boolean;
+    nodesSelectable: boolean;
+    xyflow: XYFlowInstance;
+    initialized: boolean;
+    lastClickedNodeId: string | null;
+    lastClickedEdgeId: string | null;
+    hoveredNodeId: string | null;
+    hoveredEdgeId: string | null;
+    previousViews: DiagramView[];
+    lastOnNavigate: {
+        fromView: ViewID;
+        toView: ViewID;
+        element: DiagramNode;
+        elementCenterScreenPosition: XYPosition;
+        positionCorrected: boolean;
+    } | null;
+    viewportChanged: boolean;
+    onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+    onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+    onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+    onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+    onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+    onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+    onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+    onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+    onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+    updateView: (view: DiagramView) => void;
+    setHoveredNode: (nodeId: string | null) => void;
+    setHoveredEdge: (edgeId: string | null) => void;
+    setLastClickedNode: (nodeId: string | null) => void;
+    setLastClickedEdge: (edgeId: string | null) => void;
+    getElement: (id: Fqn) => DiagramNode | null;
+    triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+    triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+    fitDiagram: () => void;
+}>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: {
+            view: DiagramView;
+            readonly: boolean;
+            showElementLinks: boolean;
+            fitViewEnabled: boolean;
+            fitViewPadding: number;
+            nodesDraggable: boolean;
+            nodesSelectable: boolean;
+            xyflow: XYFlowInstance;
+            initialized: boolean;
+            lastClickedNodeId: string | null;
+            lastClickedEdgeId: string | null;
+            hoveredNodeId: string | null;
+            hoveredEdgeId: string | null;
+            previousViews: DiagramView[];
+            lastOnNavigate: {
+                fromView: ViewID;
+                toView: ViewID;
+                element: DiagramNode;
+                elementCenterScreenPosition: XYPosition;
+                positionCorrected: boolean;
+            } | null;
+            viewportChanged: boolean;
+            onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+            onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+            onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+            onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+            onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+            onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+            onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            updateView: (view: DiagramView) => void;
+            setHoveredNode: (nodeId: string | null) => void;
+            setHoveredEdge: (edgeId: string | null) => void;
+            setLastClickedNode: (nodeId: string | null) => void;
+            setLastClickedEdge: (edgeId: string | null) => void;
+            getElement: (id: Fqn) => DiagramNode | null;
+            triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+            triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+            fitDiagram: () => void;
+        }, previousSelectedState: {
+            view: DiagramView;
+            readonly: boolean;
+            showElementLinks: boolean;
+            fitViewEnabled: boolean;
+            fitViewPadding: number;
+            nodesDraggable: boolean;
+            nodesSelectable: boolean;
+            xyflow: XYFlowInstance;
+            initialized: boolean;
+            lastClickedNodeId: string | null;
+            lastClickedEdgeId: string | null;
+            hoveredNodeId: string | null;
+            hoveredEdgeId: string | null;
+            previousViews: DiagramView[];
+            lastOnNavigate: {
+                fromView: ViewID;
+                toView: ViewID;
+                element: DiagramNode;
+                elementCenterScreenPosition: XYPosition;
+                positionCorrected: boolean;
+            } | null;
+            viewportChanged: boolean;
+            onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+            onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+            onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+            onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+            onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+            onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+            onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            updateView: (view: DiagramView) => void;
+            setHoveredNode: (nodeId: string | null) => void;
+            setHoveredEdge: (edgeId: string | null) => void;
+            setLastClickedNode: (nodeId: string | null) => void;
+            setLastClickedEdge: (edgeId: string | null) => void;
+            getElement: (id: Fqn) => DiagramNode | null;
+            triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+            triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+            fitDiagram: () => void;
+        }) => void): () => void;
+        <U>(selector: (state: {
+            view: DiagramView;
+            readonly: boolean;
+            showElementLinks: boolean;
+            fitViewEnabled: boolean;
+            fitViewPadding: number;
+            nodesDraggable: boolean;
+            nodesSelectable: boolean;
+            xyflow: XYFlowInstance;
+            initialized: boolean;
+            lastClickedNodeId: string | null;
+            lastClickedEdgeId: string | null;
+            hoveredNodeId: string | null;
+            hoveredEdgeId: string | null;
+            previousViews: DiagramView[];
+            lastOnNavigate: {
+                fromView: ViewID;
+                toView: ViewID;
+                element: DiagramNode;
+                elementCenterScreenPosition: XYPosition;
+                positionCorrected: boolean;
+            } | null;
+            viewportChanged: boolean;
+            onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+            onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+            onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+            onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+            onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+            onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+            onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+            updateView: (view: DiagramView) => void;
+            setHoveredNode: (nodeId: string | null) => void;
+            setHoveredEdge: (edgeId: string | null) => void;
+            setLastClickedNode: (nodeId: string | null) => void;
+            setLastClickedEdge: (edgeId: string | null) => void;
+            getElement: (id: Fqn) => DiagramNode | null;
+            triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+            triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+            fitDiagram: () => void;
+        }) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: (a: U, b: U) => boolean;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: {
+        view: DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: DiagramView[];
+        lastOnNavigate: {
+            fromView: ViewID;
+            toView: ViewID;
+            element: DiagramNode;
+            elementCenterScreenPosition: XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+        onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+        onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        updateView: (view: DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: Fqn) => DiagramNode | null;
+        triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    } | Partial<{
+        view: DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: DiagramView[];
+        lastOnNavigate: {
+            fromView: ViewID;
+            toView: ViewID;
+            element: DiagramNode;
+            elementCenterScreenPosition: XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+        onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+        onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        updateView: (view: DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: Fqn) => DiagramNode | null;
+        triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    }> | ((state: {
+        view: DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: DiagramView[];
+        lastOnNavigate: {
+            fromView: ViewID;
+            toView: ViewID;
+            element: DiagramNode;
+            elementCenterScreenPosition: XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+        onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+        onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        updateView: (view: DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: Fqn) => DiagramNode | null;
+        triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    }) => {
+        view: DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: DiagramView[];
+        lastOnNavigate: {
+            fromView: ViewID;
+            toView: ViewID;
+            element: DiagramNode;
+            elementCenterScreenPosition: XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+        onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+        onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        updateView: (view: DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: Fqn) => DiagramNode | null;
+        triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    } | Partial<{
+        view: DiagramView;
+        readonly: boolean;
+        showElementLinks: boolean;
+        fitViewEnabled: boolean;
+        fitViewPadding: number;
+        nodesDraggable: boolean;
+        nodesSelectable: boolean;
+        xyflow: XYFlowInstance;
+        initialized: boolean;
+        lastClickedNodeId: string | null;
+        lastClickedEdgeId: string | null;
+        hoveredNodeId: string | null;
+        hoveredEdgeId: string | null;
+        previousViews: DiagramView[];
+        lastOnNavigate: {
+            fromView: ViewID;
+            toView: ViewID;
+            element: DiagramNode;
+            elementCenterScreenPosition: XYPosition;
+            positionCorrected: boolean;
+        } | null;
+        viewportChanged: boolean;
+        onChange: import("../LikeC4Diagram.props").OnChange | null | undefined;
+        onNavigateTo: import("../LikeC4Diagram.props").OnNavigateTo | null | undefined;
+        onNodeClick: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onNodeContextMenu: import("../LikeC4Diagram.props").OnNodeClick | null | undefined;
+        onCanvasContextMenu: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onEdgeClick: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onEdgeContextMenu: import("../LikeC4Diagram.props").OnEdgeClick | null | undefined;
+        onCanvasClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        onCanvasDblClick: import("../LikeC4Diagram.props").OnCanvasClick | null | undefined;
+        updateView: (view: DiagramView) => void;
+        setHoveredNode: (nodeId: string | null) => void;
+        setHoveredEdge: (edgeId: string | null) => void;
+        setLastClickedNode: (nodeId: string | null) => void;
+        setLastClickedEdge: (edgeId: string | null) => void;
+        getElement: (id: Fqn) => DiagramNode | null;
+        triggerOnChange: (changes: NonEmptyArray<Change>) => void;
+        triggerOnNavigateTo: (xynodeId: string, event: ReactMouseEvent<Element, MouseEvent>) => void;
+        fitDiagram: () => void;
+    }>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;
+export {};

package/dist/state/index.d.ts

@@ -1,2 +1,4 @@
-export * from './DiagramState';
-//# sourceMappingURL=index.d.ts.map
+export { DiagramContextProvider } from './DiagramContext';
+export type * from './diagramStore';
+export * from './useDiagramStore';
+export { WhenInitialized } from './WhenInitialized';