likec4 1.24.1 → 1.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.24.1",
+  "version": "1.25.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -70,14 +70,14 @@
     "rollup": "4.34.6",
     "type-fest": "4.34.1",
     "vite": "5.4.14",
-    "@likec4/core": "~1.24.1"
+    "@likec4/core": "~1.25.0"
   },
   "devDependencies": {
     "@dagrejs/dagre": "1.1.4",
     "@fontsource/ibm-plex-sans": "^5.1.1",
-    "@mantine/core": "7.17.0",
-    "@mantine/hooks": "7.17.0",
-    "@mantine/vanilla-extract": "7.17.0",
+    "@mantine/core": "7.17.1",
+    "@mantine/hooks": "7.17.1",
+    "@mantine/vanilla-extract": "7.17.1",
     "@nanostores/react": "0.8.4",
     "@react-hookz/web": "^25.0.1",
     "@tabler/icons-react": "3.29.0",
@@ -150,13 +150,13 @@
     "vscode-uri": "3.1.0",
     "which": "^5.0.0",
     "yargs": "17.7.2",
-    "@likec4/generators": "1.24.1",
-    "@likec4/diagram": "1.24.1",
-    "@likec4/icons": "1.24.1",
-    "@likec4/language-server": "1.24.1",
-    "@likec4/layouts": "1.24.1",
-    "@likec4/log": "1.24.1",
-    "@likec4/tsconfig": "1.24.1"
+    "@likec4/generators": "1.25.0",
+    "@likec4/icons": "1.25.0",
+    "@likec4/language-server": "1.25.0",
+    "@likec4/log": "1.25.0",
+    "@likec4/layouts": "1.25.0",
+    "@likec4/diagram": "1.25.0",
+    "@likec4/tsconfig": "1.25.0"
   },
   "scripts": {
     "turbo-build": "turbo run build --log-prefix=none --log-order=grouped",

package/react/index.d.ts

@@ -109,6 +109,16 @@ declare interface Computed {
 
 declare const computed: Computed;
 
+declare type ControlsCustomLayout = (props: ControlsCustomLayoutProps) => ReactNode;
+
+declare type ControlsCustomLayoutProps = {
+    burgerMenu: ReactNode;
+    navigationButtons: ReactNode;
+    search: ReactNode;
+    actionsGroup: ReactNode;
+    syncInProgressBadge: ReactNode;
+};
+
 declare type DiagramNodeWithNavigate<ID = ViewId> = Omit<DiagramNode, 'navigateTo'> & {
     navigateTo: ID;
 };
@@ -193,6 +203,12 @@ declare interface LikeC4BrowserProps {
      * @default true
      */
     showNotations?: boolean | undefined;
+    /**
+     * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
+     *
+     * @default 'auto' - will be set to true if view is pannable and has more than 3000 * 2000 pixels
+     */
+    reduceGraphics?: 'auto' | boolean | undefined;
     className?: string | undefined;
     style?: CSSProperties | undefined;
 }
@@ -322,13 +338,17 @@ declare interface LikeC4DiagramProperties {
      * By default, if icon is http:// or https://, it will be rendered as an image
      */
     renderIcon?: ElementIconRenderer | undefined;
+    /**
+     * Customize layout of the controls on the top left
+     */
+    renderControls?: ControlsCustomLayout | undefined;
     /**
      * Dynamic filter, applies both to nodes and edges
      */
     where?: WhereOperator<string, string> | undefined;
 }
 
-declare type LikeC4DiagramProps = LikeC4DiagramProperties & LikeC4DiagramEventHandlers;
+declare type LikeC4DiagramProps = PropsWithChildren<LikeC4DiagramProperties & LikeC4DiagramEventHandlers>;
 
 export declare const LikeC4ModelProvider: (props: LikeC4ModelProviderProps) => JSX_2.Element;
 
@@ -440,6 +460,12 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
      * @default enableRelationshipBrowser
      */
     enableRelationshipDetails?: boolean | undefined;
+    /**
+     * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
+     *
+     * @default 'auto' - will be set to true if view is pannable and has more than 3000 * 2000 pixels
+     */
+    reduceGraphics?: 'auto' | boolean | undefined;
     where?: WhereOperator<Tag, Kind> | undefined;
     className?: string | undefined;
     style?: CSSProperties | undefined;