@likec4/diagram 1.0.0-next.10 → 1.0.0-next.14

package/dist/EmbeddedLikeC4Diagram.css.d.ts

@@ -3,4 +3,3 @@ export declare const modalBody: string;
 export declare const modalHeader: string;
 export declare const modalCloseButtonBox: string;
 export declare const modalCloseButton: string;
-//# sourceMappingURL=EmbeddedLikeC4Diagram.css.d.ts.map

package/dist/EmbeddedLikeC4Diagram.d.ts

@@ -1,4 +1,4 @@
-import { LikeC4ColorMode } from './LikeC4Diagram.props';
+import { LikeC4ColorScheme } from './LikeC4Diagram.props';
 import { DiagramView } from '@likec4/core';
 
 export type EmbeddedLikeC4DiagramProps = {
@@ -10,9 +10,8 @@ export type EmbeddedLikeC4DiagramProps = {
      *
      * @example 'light' | 'dark'
      */
-    colorMode?: LikeC4ColorMode | undefined;
+    colorScheme?: LikeC4ColorScheme | undefined;
 };
-declare function EmbeddedLikeC4DiagramCmp({ viewId, views, colorMode }: EmbeddedLikeC4DiagramProps): JSX.Element;
+declare function EmbeddedLikeC4DiagramCmp({ viewId, views, colorScheme }: EmbeddedLikeC4DiagramProps): JSX.Element;
 export declare const EmbeddedLikeC4Diagram: typeof EmbeddedLikeC4DiagramCmp;
 export {};
-//# sourceMappingURL=EmbeddedLikeC4Diagram.d.ts.map

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, colorScheme, 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,29 @@
 import { XYBackgroundProps } 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 } from '@likec4/core';
 
 export type DiagramNodeWithNavigate = Simplify<SetRequired<DiagramNode, 'navigateTo'>>;
 export type OnNavigateTo = (event: {
     element: DiagramNodeWithNavigate;
     xynode: XYFlowNode;
-    event: React.MouseEvent;
+    event: ReactMouseEvent;
 }) => 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';
@@ -40,7 +41,7 @@ export type ChangeEvent = {
     changes: NonEmptyArray<Change>;
 };
 export type OnChange = (event: ChangeEvent) => void;
-export type LikeC4ColorMode = 'light' | 'dark';
+export type LikeC4ColorScheme = 'light' | 'dark';
 export interface LikeC4DiagramProperties {
     view: DiagramView;
     className?: string | undefined;
@@ -50,7 +51,7 @@ export interface LikeC4DiagramProperties {
      *
      * @example 'light' | 'dark'
      */
-    colorMode?: LikeC4ColorMode | undefined;
+    colorScheme?: LikeC4ColorScheme | undefined;
     /**
      * Show/hide controls menu
      * @default false
@@ -99,20 +100,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' | 'colorScheme' | 'fitView' | 'fitViewPadding' | 'background' | 'initialWidth' | 'initialHeight'>;
 export declare function StaticLikeC4Diagram({ view, fitView, fitViewPadding, background, ...rest }: StaticLikeC4DiagramProps): JSX.Element;
-//# sourceMappingURL=StaticLikeC4Diagram.d.ts.map

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.css.d.ts

@@ -1,2 +1 @@
 export declare const scope: string;
-//# sourceMappingURL=index.css.d.ts.map

package/dist/index.d.ts

@@ -7,5 +7,3 @@ 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