@likec4/diagram 1.55.1 → 1.57.0

package/dist/projects-overview/custom/edgeTypes.js

@@ -1,23 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { bezierPath } from '../../utils/xyflow.js';
-import { memoEdge } from '../../base-primitives/memoEdge.js';
-import { EdgeContainer } from '../../base-primitives/edge/EdgeContainer.js';
-import { EdgePath } from '../../base-primitives/edge/EdgePath.js';
-import { EdgeLabelContainer } from '../../base-primitives/edge/EdgeLabelContainer.js';
-import { EdgeLabel } from '../../base-primitives/edge/EdgeLabel.js';
-
-const RelationshipEdge = memoEdge((edgeProps) => {
-  const path = bezierPath(edgeProps.data.points);
-  return /* @__PURE__ */ jsxs(EdgeContainer, { ...edgeProps, children: [
-    /* @__PURE__ */ jsx(
-      EdgePath,
-      {
-        edgeProps,
-        svgPath: path
-      }
-    ),
-    /* @__PURE__ */ jsx(EdgeLabelContainer, { edgeProps, children: /* @__PURE__ */ jsx(EdgeLabel, { edgeProps }) })
-  ] });
+import "../../_virtual/_rolldown/runtime.js";
+import { bezierPath } from "../../utils/xyflow.js";
+import { EdgeContainer } from "../../base-primitives/edge/EdgeContainer.js";
+import { EdgeLabel } from "../../base-primitives/edge/EdgeLabel.js";
+import { EdgeLabelContainer } from "../../base-primitives/edge/EdgeLabelContainer.js";
+import { EdgePath } from "../../base-primitives/edge/EdgePath.js";
+import { memoEdge } from "../../base-primitives/memoEdge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/projects-overview/custom/edgeTypes.tsx
+var RelationshipEdge = memoEdge((edgeProps) => {
+	const path = bezierPath(edgeProps.data.points);
+	return /* @__PURE__ */ jsxs(EdgeContainer, {
+		...edgeProps,
+		children: [/* @__PURE__ */ jsx(EdgePath, {
+			edgeProps,
+			svgPath: path
+		}), /* @__PURE__ */ jsx(EdgeLabelContainer, {
+			edgeProps,
+			children: /* @__PURE__ */ jsx(EdgeLabel, { edgeProps })
+		})]
+	});
 });
-
+//#endregion
 export { RelationshipEdge };

package/dist/projects-overview/custom/nodeTypes.js

@@ -1,45 +1,41 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallbackRef } from '@mantine/hooks';
-import { useProjectsOverviewActor } from '../context.js';
-import { ElementNodeContainer } from '../../base-primitives/element/ElementNodeContainer.js';
-import { ElementShape } from '../../base-primitives/element/ElementShape.js';
-import { ElementData } from '../../base-primitives/element/ElementData.js';
-import { ElementActionButtons } from '../../base-primitives/element/ElementActionButtons.js';
-import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
-import { DefaultHandles } from '../../base-primitives/NodeHandles.js';
-
+import "../../_virtual/_rolldown/runtime.js";
+import { ElementActionButtons } from "../../base-primitives/element/ElementActionButtons.js";
+import { ElementData } from "../../base-primitives/element/ElementData.js";
+import { ElementNodeContainer } from "../../base-primitives/element/ElementNodeContainer.js";
+import { ElementShape } from "../../base-primitives/element/ElementShape.js";
+import { DefaultHandles } from "../../base-primitives/NodeHandles.js";
+import { useProjectsOverviewActor } from "../context.js";
+import { IconZoomScan } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallbackRef } from "@mantine/hooks";
+//#region src/projects-overview/custom/nodeTypes.tsx
 function ProjectNode(props) {
-  const actor = useProjectsOverviewActor();
-  const navigateTo = useCallbackRef((e) => {
-    e.stopPropagation();
-    actor.send({ type: "navigate.to", fromNode: props.data.id, projectId: props.data.projectId });
-  });
-  return /* @__PURE__ */ jsxs(
-    ElementNodeContainer,
-    {
-      layout: true,
-      nodeProps: props,
-      children: [
-        /* @__PURE__ */ jsx(ElementShape, { ...props }),
-        /* @__PURE__ */ jsx(ElementData, { ...props }),
-        /* @__PURE__ */ jsx(
-          ElementActionButtons,
-          {
-            ...props,
-            buttons: [
-              {
-                key: "navigate",
-                icon: /* @__PURE__ */ jsx(IconZoomScan, {}),
-                onClick: navigateTo
-              }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(DefaultHandles, {})
-      ]
-    },
-    props.id
-  );
+	const actor = useProjectsOverviewActor();
+	const navigateTo = useCallbackRef((e) => {
+		e.stopPropagation();
+		actor.send({
+			type: "navigate.to",
+			fromNode: props.data.id,
+			projectId: props.data.projectId
+		});
+	});
+	return /* @__PURE__ */ jsxs(ElementNodeContainer, {
+		layout: true,
+		nodeProps: props,
+		children: [
+			/* @__PURE__ */ jsx(ElementShape, { ...props }),
+			/* @__PURE__ */ jsx(ElementData, { ...props }),
+			/* @__PURE__ */ jsx(ElementActionButtons, {
+				...props,
+				buttons: [{
+					key: "navigate",
+					icon: /* @__PURE__ */ jsx(IconZoomScan, {}),
+					onClick: navigateTo
+				}]
+			}),
+			/* @__PURE__ */ jsx(DefaultHandles, {})
+		]
+	}, props.id);
 }
-
+//#endregion
 export { ProjectNode };

package/dist/projects-overview/hooks.js

@@ -1,14 +1,14 @@
-import { useSelector } from '@xstate/react';
-import { useStoreApi } from '@xyflow/react';
-import { shallowEqual } from 'fast-equals';
-import { useProjectsOverviewActor } from './context.js';
-
+import "../_virtual/_rolldown/runtime.js";
+import { useProjectsOverviewActor } from "./context.js";
+import { useStoreApi } from "@xyflow/react";
+import { shallowEqual } from "fast-equals";
+import { useSelector } from "@xstate/react";
+//#region src/projects-overview/hooks.ts
 function useProjectsOverviewState(selector, compare = shallowEqual) {
-  const actor = useProjectsOverviewActor();
-  return useSelector(actor, selector, compare);
+	return useSelector(useProjectsOverviewActor(), selector, compare);
 }
 function useProjectsOverviewXYStoreApi() {
-  return useStoreApi();
+	return useStoreApi();
 }
-
+//#endregion
 export { useProjectsOverviewState, useProjectsOverviewXYStoreApi };

package/dist/projects-overview/layouted-to-xyflow.js

@@ -1,49 +1,53 @@
-import { map } from 'remeda';
-import { ZIndexes } from '../base/const.js';
-
+import "../_virtual/_rolldown/runtime.js";
+import { ZIndexes } from "../base/const.js";
+import { map } from "remeda";
+//#region src/projects-overview/layouted-to-xyflow.ts
 function layoutedProjectsViewToXYFlow(view) {
-  return {
-    xynodes: map(view.nodes, projectNodeToXY),
-    xyedges: map(view.edges, projectEdgeToXY)
-  };
+	return {
+		xynodes: map(view.nodes, projectNodeToXY),
+		xyedges: map(view.edges, projectEdgeToXY)
+	};
 }
 function projectNodeToXY({ id, x, y, width, height, ...node }) {
-  return {
-    id,
-    position: { x, y },
-    type: "project",
-    initialWidth: width,
-    initialHeight: height,
-    draggable: false,
-    deletable: false,
-    zIndex: ZIndexes.Element,
-    style: {
-      width,
-      height
-    },
-    data: {
-      id,
-      width,
-      height,
-      ...node
-    }
-  };
+	return {
+		id,
+		position: {
+			x,
+			y
+		},
+		type: "project",
+		initialWidth: width,
+		initialHeight: height,
+		draggable: false,
+		deletable: false,
+		zIndex: ZIndexes.Element,
+		style: {
+			width,
+			height
+		},
+		data: {
+			id,
+			width,
+			height,
+			...node
+		}
+	};
 }
 function projectEdgeToXY({ id, source, target, ...edge }) {
-  return {
-    id,
-    source,
-    target,
-    type: "relationship",
-    zIndex: ZIndexes.Edge,
-    deletable: false,
-    data: {
-      id,
-      technology: null,
-      labelBBox: null,
-      ...edge
-    }
-  };
+	return {
+		id,
+		source,
+		target,
+		type: "relationship",
+		zIndex: ZIndexes.Edge,
+		deletable: false,
+		data: {
+			id,
+			technology: null,
+			labelBBox: null,
+			...edge
+		}
+	};
 }
-
+//#endregion
 export { layoutedProjectsViewToXYFlow };

package/dist/projects-overview/panel/ProjectsOverviewPanel.js

@@ -1,11 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { NavigationPanel } from '../../components/NavigationPanel.js';
-
-const ProjectsOverviewPanel = () => {
-  return /* @__PURE__ */ jsx(NavigationPanel.Root, { children: /* @__PURE__ */ jsxs(NavigationPanel.Body, { children: [
-    /* @__PURE__ */ jsx(NavigationPanel.Logo, {}),
-    /* @__PURE__ */ jsx(NavigationPanel.Label, { children: "Projects Overview" })
-  ] }) });
+import "../../_virtual/_rolldown/runtime.js";
+import { NavigationPanel } from "../../components/NavigationPanel.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/projects-overview/panel/ProjectsOverviewPanel.tsx
+var ProjectsOverviewPanel = () => {
+	return /* @__PURE__ */ jsx(NavigationPanel.Root, { children: /* @__PURE__ */ jsxs(NavigationPanel.Body, { children: [/* @__PURE__ */ jsx(NavigationPanel.Logo, {}), /* @__PURE__ */ jsx(NavigationPanel.Label, { children: "Projects Overview" })] }) });
 };
-
+//#endregion
 export { ProjectsOverviewPanel };

package/dist/projects-overview/persistence.js

@@ -1,24 +1,24 @@
-const key = `likec4:projects-overview:lastViewport`;
-const ProjectsOverviewViewportPersistence = {
-  read() {
-    try {
-      let fromStorage = sessionStorage.getItem(key);
-      if (fromStorage) {
-        return JSON.parse(fromStorage);
-      }
-      return null;
-    } catch (e) {
-      console.error(`Error reading fromStorage ${key}:`, e);
-      return null;
-    }
-  },
-  write(viewport) {
-    if (!viewport) {
-      sessionStorage.removeItem(key);
-      return;
-    }
-    sessionStorage.setItem(key, JSON.stringify(viewport));
-  }
+import "../_virtual/_rolldown/runtime.js";
+//#region src/projects-overview/persistence.ts
+var key = `likec4:projects-overview:lastViewport`;
+var ProjectsOverviewViewportPersistence = {
+	read() {
+		try {
+			let fromStorage = sessionStorage.getItem(key);
+			if (fromStorage) return JSON.parse(fromStorage);
+			return null;
+		} catch (e) {
+			console.error(`Error reading fromStorage ${key}:`, e);
+			return null;
+		}
+	},
+	write(viewport) {
+		if (!viewport) {
+			sessionStorage.removeItem(key);
+			return;
+		}
+		sessionStorage.setItem(key, JSON.stringify(viewport));
+	}
 };
-
+//#endregion
 export { ProjectsOverviewViewportPersistence };

package/dist/search/Search.d.ts

@@ -1,10 +1,13 @@
-import { MemoExoticComponent } from 'react';
+import { SearchActorRef } from './searchActor';
+import { MemoExoticComponent, ForwardRefExoticComponent, RefAttributes } from 'react';
 export declare const dialogCss: string;
 export declare const bodyCss: string;
 export declare const scrollAreaCss: string;
-export declare const Search: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const Search: MemoExoticComponent<({ searchActorRef }: {
+    searchActorRef: SearchActorRef;
+}) => import("react/jsx-runtime").JSX.Element>;
 /**
  * The shared search panel content used by both diagram and overview search.
  * Must be rendered inside a SearchContext.Provider.
  */
-export declare const SearchPanelContent: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const SearchPanelContent: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>;