@likec4/diagram 1.0.0-next.2 → 1.0.0

package/dist/mantine/EnsureMantine.d.ts

@@ -1,7 +1,5 @@
-import { LikeC4DiagramProperties } from '../LikeC4Diagram.props';
 import { PropsWithChildren } from 'react';
 
-type EnsureMantineProps = PropsWithChildren<Pick<LikeC4DiagramProperties, 'colorMode'>>;
-export declare function EnsureMantine({ colorMode, children }: EnsureMantineProps): JSX.Element;
+type EnsureMantineProps = PropsWithChildren<{}>;
+export declare function EnsureMantine({ children }: EnsureMantineProps): JSX.Element;
 export {};
-//# sourceMappingURL=EnsureMantine.d.ts.map

package/dist/mantine/theme.d.ts

@@ -0,0 +1,3 @@
+import { MantineTheme } from '@mantine/core';
+
+export declare const theme: MantineTheme;

package/dist/mantine.css.d.ts

@@ -0,0 +1 @@
+export declare const mantine: import('@mantine/vanilla-extract').MantineVars;

package/dist/state/DiagramContext.d.ts

@@ -0,0 +1,386 @@
+import { DiagramInitialState } from './diagramStore';
+import { PropsWithChildren } from 'react';
+
+export declare const DiagramContext: import('react').Context<import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<Omit<import("zustand/vanilla").StoreApi<{
+    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;
+}>, "subscribe"> & {
+    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;
+    };
+}, "setState"> & {
+    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;
+}> | null>;
+export declare function DiagramContextProvider({ children, view, ...props }: PropsWithChildren<DiagramInitialState>): JSX.Element;

package/dist/state/WhenInitialized.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export declare function WhenInitialized({ children }: PropsWithChildren): JSX.Element | null;