@likec4/diagram 1.6.0 → 1.7.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, showNavigationButtons, enableDynamicViewWalkthrough, initialWidth, initialHeight, keepAspectRatio, experimentalEdgeEditing, onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onChange, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu, renderIcon }: 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, enableFocusMode, initialWidth, initialHeight, keepAspectRatio, experimentalEdgeEditing, onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onChange, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu, onEditorCommand, renderIcon }: LikeC4DiagramProps): import("react/jsx-runtime").JSX.Element;

package/dist/LikeC4Diagram.props.d.ts

@@ -1,6 +1,6 @@
-import { BorderStyle, DiagramEdge, DiagramNode, DiagramView, EdgeId, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID } from '@likec4/core';
-import { XYPosition } from '@xyflow/system';
+import { BorderStyle, DiagramEdge, DiagramNode, DiagramView, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID, ViewManualLayout } from '@likec4/core';
 import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import { DiagramEditorCommand } from './types';
 import { XYFlowEdge, XYFlowNode } from './xyflow/types';
 import { XYBackground } from './xyflow/XYFlowBackground';
 
@@ -28,6 +28,7 @@ export type OnEdgeClick = (event: {
     xyedge: XYFlowEdge;
     event: ReactMouseEvent;
 }) => void;
+export type OnEditorCommand = (cmd: DiagramEditorCommand) => void;
 /**
  * On pane/canvas click (not on any node or edge)
  */
@@ -45,15 +46,7 @@ export declare namespace Changes {
     }
     interface SaveManualLayout {
         op: 'save-manual-layout';
-        nodes: Record<Fqn, {
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        }>;
-        edges: Record<EdgeId, {
-            controlPoints: XYPosition[];
-        }>;
+        layout: ViewManualLayout;
     }
 }
 export type Change = Changes.ChangeElementStyle | Changes.SaveManualLayout;
@@ -135,6 +128,11 @@ export interface LikeC4DiagramProperties {
      * @default false
      */
     showNavigationButtons?: undefined | boolean;
+    /**
+     * If double click on a node should enable focus mode, i.e. highlight incoming/outgoing edges
+     * @default true
+     */
+    enableFocusMode?: boolean | undefined;
     /**
      * If Walkthrough for dynamic views should be enabled
      * @default false
@@ -161,5 +159,6 @@ export interface LikeC4DiagramEventHandlers {
     onEdgeContextMenu?: OnEdgeClick | null | undefined;
     onCanvasClick?: OnCanvasClick | null | undefined;
     onCanvasDblClick?: OnCanvasClick | null | undefined;
+    onEditorCommand?: OnEditorCommand | null | undefined;
 }
 export {};

package/dist/hooks/useUpdateEffect.d.ts

@@ -1,4 +1,5 @@
 import { DependenciesComparator, EffectHook } from '@react-hookz/web';
 import { DependencyList, EffectCallback } from 'react';
 
+export declare const depsShallowEqual: DependenciesComparator;
 export declare function useUpdateEffect<Callback extends EffectCallback = EffectCallback, Deps extends DependencyList = DependencyList>(callback: Callback, deps: Deps, equalityFn?: DependenciesComparator<Deps>, effectHook?: EffectHook<Callback, Deps>): void;

package/dist/index.d.ts

@@ -1,7 +1,9 @@
+
 export { LikeC4Diagram } from './LikeC4Diagram';
 export { StaticLikeC4Diagram } from './StaticLikeC4Diagram';
 export { useSetState, useUpdateEffect } from './hooks';
 export type * from './LikeC4Diagram';
 export type * from './LikeC4Diagram.props';
 export type * from './StaticLikeC4Diagram';
+export type * from './types';
 export type * from './xyflow/types';