@likec4/diagram 1.28.0 → 1.29.0

package/dist/overlays/relationships-browser/hooks.js

@@ -2,11 +2,11 @@ import { nonNullable } from '@likec4/core';
 import { useCallbackRef } from '@mantine/hooks';
 import { useSelector } from '@xstate/react';
 import { shallowEqual } from 'fast-equals';
-import { createContext, useMemo, useContext } from 'react';
+import { r as reactExports } from '../../_virtual/index.js';
 
-const RelationshipsBrowserActorContext = createContext(null);
+const RelationshipsBrowserActorContext = reactExports.createContext(null);
 function useRelationshipsBrowserActor() {
-  return nonNullable(useContext(RelationshipsBrowserActorContext), "No RelationshipsBrowserActorContext");
+  return nonNullable(reactExports.useContext(RelationshipsBrowserActorContext), "No RelationshipsBrowserActorContext");
 }
 function useRelationshipsBrowserState(selector, compare = shallowEqual) {
   const actor = useRelationshipsBrowserActor();
@@ -14,7 +14,7 @@ function useRelationshipsBrowserState(selector, compare = shallowEqual) {
 }
 function useRelationshipsBrowser() {
   const actor = useRelationshipsBrowserActor();
-  return useMemo(() => ({
+  return reactExports.useMemo(() => ({
     actor,
     get rootElementId() {
       return `relationships-browser-${actor.sessionId.replaceAll(":", "_")}`;

package/dist/overlays/relationships-browser/layout.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { r as reactExports } from '../../_virtual/index.js';
 import dagre from '@dagrejs/dagre';
 import { toArray, invariant, ifind, DefaultMap } from '@likec4/core';
 import { pipe, concat, map, groupBy, prop, forEachObj, filter, mapToObj, find, only, unique, tap, reduce, sortBy } from 'remeda';
@@ -454,7 +454,7 @@ function layoutRelationshipsView(data, scope) {
 }
 function useRelationshipsView(subject, viewId, scope) {
   const model = useLikeC4Model(true);
-  return useMemo(() => {
+  return reactExports.useMemo(() => {
     const view = viewId ? model.findView(viewId) : null;
     const data = layoutRelationshipsView(
       computeRelationshipsView(subject, model, viewId, scope),

package/dist/overlays/relationships-browser/useViewToNodesEdges.js

@@ -41,7 +41,6 @@ function viewToNodesEdge(view) {
       draggable: false,
       selectable: true,
       focusable: true,
-      deletable: false,
       position,
       zIndex: isCompound ? ZIndexes.Compound : ZIndexes.Element,
       style: {
@@ -140,7 +139,7 @@ function viewToNodesEdge(view) {
       zIndex: ZIndexes.Edge,
       // selectable: selectable,
       // hidden: !visiblePredicate(edge),
-      deletable: false,
+      // deletable: false,
       data: {
         sourceFqn: edge.sourceFqn,
         targetFqn: edge.targetFqn,

package/dist/state/DiagramActorProvider.js

@@ -3,10 +3,10 @@ import { useDeepCompareEffect } from '@react-hookz/web';
 import { useActorRef, useSelector } from '@xstate/react';
 import { useStoreApi } from '@xyflow/react';
 import { shallowEqual } from 'fast-equals';
-import { useEffect } from 'react';
+import { r as reactExports } from '../_virtual/index.js';
 import { useDiagramEventHandlersRef } from '../context/DiagramEventHandlers.js';
 import { useEnabledFeatures, DiagramFeatures } from '../context/DiagramFeatures.js';
-import { DiagramActorSafeContext } from '../hooks/safeContext.js';
+import { DiagramActorContextProvider } from '../hooks/safeContext.js';
 import { useUpdateEffect } from '../hooks/useUpdateEffect.js';
 import { useViewToNodesEdges } from '../likec4diagram/useViewToNodesEdges.js';
 import { diagramMachine } from './diagram-machine.js';
@@ -27,7 +27,9 @@ function DiagramActorProvider({
     diagramMachine.provide({
       actions: {
         "trigger:NavigateTo": (_, { viewId }) => {
-          handlersRef.current.onNavigateTo?.(viewId);
+          setTimeout(() => {
+            handlersRef.current.onNavigateTo?.(viewId);
+          }, 30);
         },
         "trigger:OnChange": (_, params) => {
           handlersRef.current.onChange?.(params);
@@ -61,7 +63,7 @@ function DiagramActorProvider({
   useUpdateEffect(() => {
     actorRef.send({ type: "update.inputs", inputs });
   }, [inputs]);
-  useEffect(() => {
+  reactExports.useEffect(() => {
     actorRef.send({ type: "update.features", features });
   }, [features]);
   const { xyedges, xynodes } = useViewToNodesEdges({
@@ -73,7 +75,7 @@ function DiagramActorProvider({
     actorRef.send({ type: "update.view", view, xyedges, xynodes });
   }, [view, xyedges, xynodes]);
   const toggledFeatures = useSelector(actorRef, selectToggledFeatures, shallowEqual);
-  return /* @__PURE__ */ jsx(DiagramActorSafeContext, { value: actorRef, children: /* @__PURE__ */ jsx(DiagramFeatures, { overrides: toggledFeatures, children }) });
+  return /* @__PURE__ */ jsx(DiagramActorContextProvider, { value: actorRef, children: /* @__PURE__ */ jsx(DiagramFeatures, { overrides: toggledFeatures, children }) });
 }
 
 export { DiagramActorProvider };