@likec4/diagram 1.2.2 → 1.4.0

package/dist/LikeC4Diagram.d.ts

@@ -1,4 +1,4 @@
 import { LikeC4DiagramEventHandlers, LikeC4DiagramProperties } from './LikeC4Diagram.props';
 
 export type LikeC4DiagramProps = LikeC4DiagramProperties & LikeC4DiagramEventHandlers;
-export declare function LikeC4Diagram({ view, className, fitView, fitViewPadding, readonly, pannable, zoomable, nodesSelectable, nodesDraggable, background, controls, showElementLinks, showDiagramTitle, enableDynamicViewWalkthrough, initialWidth, initialHeight, keepAspectRatio, onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onChange, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu }: LikeC4DiagramProps): import("react/jsx-runtime").JSX.Element;
+export declare function LikeC4Diagram({ view, className, fitView, fitViewPadding, readonly, pannable, zoomable, nodesSelectable, nodesDraggable, background, controls, showElementLinks, showDiagramTitle, showNavigationButtons, enableDynamicViewWalkthrough, initialWidth, initialHeight, keepAspectRatio, experimentalEdgeEditing, onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onChange, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu }: LikeC4DiagramProps): import("react/jsx-runtime").JSX.Element;

package/dist/LikeC4Diagram.props.d.ts

@@ -1,4 +1,5 @@
-import { BorderStyle, DiagramEdge, DiagramNode, DiagramView, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID } from '@likec4/core';
+import { BorderStyle, DiagramEdge, DiagramNode, DiagramView, EdgeId, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID } from '@likec4/core';
+import { XYPosition } from '@xyflow/system';
 import { MouseEvent as ReactMouseEvent } from 'react';
 import { SetRequired, Simplify } from 'type-fest';
 import { XYFlowEdge, XYFlowNode } from './xyflow/types';
@@ -6,7 +7,7 @@ import { XYBackground } from './xyflow/XYFlowBackground';
 
 export type DiagramNodeWithNavigate = Simplify<SetRequired<DiagramNode, 'navigateTo'>>;
 export type OnNavigateTo = {
-    (to: ViewID, event: ReactMouseEvent, element: DiagramNodeWithNavigate, xynode: XYFlowNode): void;
+    (to: ViewID, event?: ReactMouseEvent, element?: DiagramNodeWithNavigate, xynode?: XYFlowNode): void;
 };
 export type OnNodeClick = (event: {
     element: DiagramNode;
@@ -33,10 +34,22 @@ export declare namespace Changes {
         };
         targets: NonEmptyArray<Fqn>;
     }
+    interface SaveManualLayout {
+        op: 'save-manual-layout';
+        nodes: Record<Fqn, {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }>;
+        edges: Record<EdgeId, {
+            controlPoints: XYPosition[];
+        }>;
+    }
 }
-export type Change = Changes.ChangeElementStyle;
+export type Change = Changes.ChangeElementStyle | Changes.SaveManualLayout;
 export type ChangeEvent = {
-    changes: NonEmptyArray<Change>;
+    change: Change;
 };
 export type OnChange = {
     (event: ChangeEvent): void;
@@ -108,11 +121,21 @@ export interface LikeC4DiagramProperties {
      * @default true
      */
     showDiagramTitle?: boolean | undefined;
+    /**
+     * Show back/forward navigation buttons
+     * @default false
+     */
+    showNavigationButtons?: undefined | boolean;
     /**
      * If Walkthrough for dynamic views should be enabled
      * @default false
      */
     enableDynamicViewWalkthrough?: boolean | undefined;
+    /**
+     * Experimental feature to enable edge editing
+     * @default false
+     */
+    experimentalEdgeEditing?: boolean | undefined;
 }
 export interface LikeC4DiagramEventHandlers {
     onChange?: OnChange | null | undefined;