@likec4/diagram 1.1.0 → 1.2.0

package/dist/KeepAspectRatioContainer.d.ts

@@ -5,5 +5,5 @@ type KeepAspectRatioContainerProps = HTMLAttributes<HTMLDivElement> & {
     width: number;
     height: number;
 };
-export declare function KeepAspectRatioContainer({ children, width, height, enabled, className, style, ...rest }: KeepAspectRatioContainerProps): JSX.Element;
+export declare function KeepAspectRatioContainer({ children, width, height, enabled, className, style, ...rest }: KeepAspectRatioContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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, initialWidth, initialHeight, keepAspectRatio, onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onChange, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu }: LikeC4DiagramProps): JSX.Element;
+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;

package/dist/LikeC4Diagram.props.d.ts

@@ -1,8 +1,8 @@
-import { XYBackgroundProps } from './xyflow/XYFlowBackground';
+import { XYBackground } from './xyflow/XYFlowBackground';
 import { XYFlowEdge, XYFlowNode } from './xyflow/types';
 import { SetRequired, Simplify } from 'type-fest';
 import { MouseEvent as ReactMouseEvent } from 'react';
-import { DiagramEdge, DiagramNode, DiagramView, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID } from '@likec4/core';
+import { BorderStyle, DiagramEdge, DiagramNode, DiagramView, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID } from '@likec4/core';
 
 export type DiagramNodeWithNavigate = Simplify<SetRequired<DiagramNode, 'navigateTo'>>;
 export type OnNavigateTo = {
@@ -23,18 +23,18 @@ export type OnEdgeClick = (event: {
  */
 export type OnCanvasClick = (event: ReactMouseEvent) => void;
 export declare namespace Changes {
-    interface ChangeColor {
-        op: 'change-color';
-        color: ThemeColor;
-        targets: NonEmptyArray<Fqn>;
-    }
-    interface ChangeShape {
-        op: 'change-shape';
-        shape: ElementShape;
+    interface ChangeElementStyle {
+        op: 'change-element-style';
+        style: {
+            border?: BorderStyle;
+            opacity?: number;
+            shape?: ElementShape;
+            color?: ThemeColor;
+        };
         targets: NonEmptyArray<Fqn>;
     }
 }
-export type Change = Changes.ChangeColor | Changes.ChangeShape;
+export type Change = Changes.ChangeElementStyle;
 export type ChangeEvent = {
     changes: NonEmptyArray<Change>;
 };
@@ -97,12 +97,22 @@ export interface LikeC4DiagramProperties {
      * Background pattern
      * @default 'dots'
      */
-    background?: 'transparent' | 'solid' | XYBackgroundProps | undefined;
+    background?: 'transparent' | 'solid' | XYBackground | undefined;
     /**
      * Display hovercards with element links
      * @default true
      */
     showElementLinks?: boolean | undefined;
+    /**
+     * Display panel with diagram title / description
+     * @default true
+     */
+    showDiagramTitle?: boolean | undefined;
+    /**
+     * If Walkthrough for dynamic views should be enabled
+     * @default false
+     */
+    enableDynamicViewWalkthrough?: boolean | undefined;
 }
 export interface LikeC4DiagramEventHandlers {
     onChange?: OnChange | null | undefined;

package/dist/StaticLikeC4Diagram.d.ts

@@ -1,4 +1,4 @@
 import { LikeC4DiagramProperties } from './LikeC4Diagram.props';
 
 export type StaticLikeC4DiagramProps = Pick<LikeC4DiagramProperties, 'view' | 'keepAspectRatio' | 'className' | 'fitView' | 'fitViewPadding' | 'background' | 'initialWidth' | 'initialHeight'>;
-export declare function StaticLikeC4Diagram({ view, fitView, fitViewPadding, background, ...rest }: StaticLikeC4DiagramProps): JSX.Element;
+export declare function StaticLikeC4Diagram({ view, fitView, fitViewPadding, background, ...rest }: StaticLikeC4DiagramProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-
 export { LikeC4Diagram } from './LikeC4Diagram';
 export { StaticLikeC4Diagram } from './StaticLikeC4Diagram';
 export * from './hooks';