@likec4/diagram 1.0.0-next.2 → 1.0.0

package/dist/LikeC4Diagram.css.d.ts

@@ -2,4 +2,3 @@ export declare const cssReactFlow: string;
 export declare const cssDisablePan: string;
 export declare const cssTransparentBg: string;
 export declare const cssNoControls: string;
-//# sourceMappingURL=LikeC4Diagram.css.d.ts.map

package/dist/LikeC4Diagram.d.ts

@@ -1,5 +1,4 @@
 import { LikeC4DiagramEventHandlers, LikeC4DiagramProperties } from './LikeC4Diagram.props';
 
 export type LikeC4DiagramProps = LikeC4DiagramProperties & LikeC4DiagramEventHandlers;
-export declare function LikeC4Diagram({ view, className, fitView, fitViewPadding, colorMode, readonly, pannable, zoomable, nodesSelectable, nodesDraggable, background, controls, disableHovercards, initialWidth, initialHeight, keepAspectRatio, ...eventHandlers }: LikeC4DiagramProps): JSX.Element;
-//# sourceMappingURL=LikeC4Diagram.d.ts.map
+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;

package/dist/LikeC4Diagram.props.d.ts

@@ -1,28 +1,27 @@
 import { XYBackgroundProps } from './xyflow/XYFlowBackground';
 import { XYFlowEdge, XYFlowNode } from './xyflow/types';
 import { SetRequired, Simplify } from 'type-fest';
-import { DiagramEdge, DiagramNode, DiagramView, ElementShape, Fqn, NonEmptyArray, ThemeColor } from '@likec4/core';
+import { MouseEvent as ReactMouseEvent } from 'react';
+import { DiagramEdge, DiagramNode, DiagramView, ElementShape, Fqn, NonEmptyArray, ThemeColor, ViewID } from '@likec4/core';
 
 export type DiagramNodeWithNavigate = Simplify<SetRequired<DiagramNode, 'navigateTo'>>;
-export type OnNavigateTo = (event: {
-    element: DiagramNodeWithNavigate;
-    xynode: XYFlowNode;
-    event: React.MouseEvent;
-}) => void;
+export type OnNavigateTo = {
+    (to: ViewID, event: ReactMouseEvent, element: DiagramNodeWithNavigate, xynode: XYFlowNode): void;
+};
 export type OnNodeClick = (event: {
     element: DiagramNode;
     xynode: XYFlowNode;
-    event: React.MouseEvent;
+    event: ReactMouseEvent;
 }) => void;
 export type OnEdgeClick = (event: {
     relation: DiagramEdge;
     xyedge: XYFlowEdge;
-    event: React.MouseEvent;
+    event: ReactMouseEvent;
 }) => void;
 /**
  * On pane/canvas click (not on any node or edge)
  */
-export type OnCanvasClick = (event: React.MouseEvent) => void;
+export type OnCanvasClick = (event: ReactMouseEvent) => void;
 export declare namespace Changes {
     interface ChangeColor {
         op: 'change-color';
@@ -39,8 +38,10 @@ export type Change = Changes.ChangeColor | Changes.ChangeShape;
 export type ChangeEvent = {
     changes: NonEmptyArray<Change>;
 };
-export type OnChange = (event: ChangeEvent) => void;
-export type LikeC4ColorMode = 'light' | 'dark';
+export type OnChange = {
+    (event: ChangeEvent): void;
+};
+export type LikeC4ColorScheme = 'light' | 'dark';
 export interface LikeC4DiagramProperties {
     view: DiagramView;
     className?: string | undefined;
@@ -50,7 +51,6 @@ export interface LikeC4DiagramProperties {
      *
      * @example 'light' | 'dark'
      */
-    colorMode?: LikeC4ColorMode | undefined;
     /**
      * Show/hide controls menu
      * @default false
@@ -99,20 +99,19 @@ export interface LikeC4DiagramProperties {
      */
     background?: 'transparent' | 'solid' | XYBackgroundProps | undefined;
     /**
-     * Disable element hovercards, such as links and properties
-     * @default false
+     * Display hovercards with element links
+     * @default true
      */
-    disableHovercards?: boolean | undefined;
+    showElementLinks?: boolean | undefined;
 }
 export interface LikeC4DiagramEventHandlers {
-    onChange?: OnChange | undefined;
-    onNavigateTo?: OnNavigateTo | undefined;
-    onNodeClick?: OnNodeClick | undefined;
-    onNodeContextMenu?: OnNodeClick | undefined;
-    onCanvasContextMenu?: OnCanvasClick | undefined;
-    onEdgeClick?: OnEdgeClick | undefined;
-    onEdgeContextMenu?: OnEdgeClick | undefined;
-    onCanvasClick?: OnCanvasClick | undefined;
-    onCanvasDblClick?: OnCanvasClick | undefined;
+    onChange?: OnChange | null | undefined;
+    onNavigateTo?: OnNavigateTo | null | undefined;
+    onNodeClick?: OnNodeClick | null | undefined;
+    onNodeContextMenu?: OnNodeClick | null | undefined;
+    onCanvasContextMenu?: OnCanvasClick | null | undefined;
+    onEdgeClick?: OnEdgeClick | null | undefined;
+    onEdgeContextMenu?: OnEdgeClick | null | undefined;
+    onCanvasClick?: OnCanvasClick | null | undefined;
+    onCanvasDblClick?: OnCanvasClick | null | undefined;
 }
-//# sourceMappingURL=LikeC4Diagram.props.d.ts.map

package/dist/StaticLikeC4Diagram.d.ts

@@ -1,5 +1,4 @@
 import { LikeC4DiagramProperties } from './LikeC4Diagram.props';
 
-export type StaticLikeC4DiagramProps = Pick<LikeC4DiagramProperties, 'view' | 'keepAspectRatio' | 'className' | 'colorMode' | 'fitView' | 'fitViewPadding' | 'background' | 'initialWidth' | 'initialHeight'>;
+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;
-//# sourceMappingURL=StaticLikeC4Diagram.d.ts.map

package/dist/globals.css.d.ts

@@ -0,0 +1 @@
+export declare const rootClassName = "likec4-diagram-root";

package/dist/hooks/index.d.ts

@@ -1,3 +1,2 @@
-export * from './use-set-state';
-export * from './use-update-effect';
-//# sourceMappingURL=index.d.ts.map
+export * from './useSetState';
+export * from './useUpdateEffect';

package/dist/hooks/useSetState.d.ts

@@ -0,0 +1,3 @@
+import { NonEmptyObject } from 'type-fest';
+
+export declare function useSetState<T extends object>(initialState: T | (() => T)): readonly [T, (statePartial: NonEmptyObject<Partial<T>> | ((current: T) => NonEmptyObject<Partial<T>>)) => void];

package/dist/hooks/useUpdateEffect.d.ts

@@ -0,0 +1,4 @@
+import { DependencyList, EffectCallback } from 'react';
+import { DependenciesComparator, EffectHook } from '@react-hookz/web';
+
+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/icons/Clipboard.d.ts

@@ -1,4 +1,3 @@
 import { SVGProps } from 'react';
 
 export declare const ClipboardCopy: import('react').ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=Clipboard.d.ts.map

package/dist/icons/Link.d.ts

@@ -1,4 +1,3 @@
 import { SVGProps } from 'react';
 
 export declare const Link: import('react').ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=Link.d.ts.map

package/dist/icons/ZoomIn.d.ts

@@ -1,4 +1,3 @@
 import { SVGProps } from 'react';
 
 export declare const ZoomIn: import('react').ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=ZoomIn.d.ts.map

package/dist/icons/index.d.ts

@@ -1,4 +1,3 @@
 export * from './Clipboard';
 export * from './Link';
 export * from './ZoomIn';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,11 +1,8 @@
 
-export { EmbeddedLikeC4Diagram } from './EmbeddedLikeC4Diagram';
 export { LikeC4Diagram } from './LikeC4Diagram';
 export { StaticLikeC4Diagram } from './StaticLikeC4Diagram';
-export type * from './EmbeddedLikeC4Diagram';
+export * from './hooks';
 export type * from './LikeC4Diagram';
 export type * from './LikeC4Diagram.props';
 export type * from './StaticLikeC4Diagram';
 export type * from './xyflow/types';
-export * from './bundle';
-//# sourceMappingURL=index.d.ts.map