@likec4/diagram 1.27.3 → 1.28.1

package/dist/overlays/element-details/TabPanelRelationships.js

@@ -3,7 +3,7 @@ import { nameFromFqn } from '@likec4/core';
 import { Stack, Group, Box, ThemeIcon, Text, Tooltip as Tooltip$1, ActionIcon, Paper } from '@mantine/core';
 import { IconArrowRight, IconInfoCircle, IconExternalLink } from '@tabler/icons-react';
 import { useSelector } from '@xstate/react';
-import { useState } from 'react';
+import { r as reactExports } from '../../_virtual/index.js';
 import { unique } from 'remeda';
 import { useOverlaysActorRef } from '../../hooks/useOverlaysActor.js';
 import { RelationshipsBrowser } from '../relationships-browser/RelationshipsBrowser.js';
@@ -27,7 +27,7 @@ function TabPanelRelationships({
   const overlaysActor = useOverlaysActorRef();
   const delailsActor = useElementDetailsActorRef();
   const relationshipsBrowserActor = useSelector(delailsActor, (s) => s.children[`${delailsActor.id}-relationships`]);
-  const [scope, setScope] = useState("view");
+  const [scope, setScope] = reactExports.useState("view");
   const incoming = [...element.incoming()].map((r) => r.id);
   const outgoing = [...element.outgoing()].map((r) => r.id);
   const incomingInView = node ? unique([...node.incoming()].flatMap((e) => e.$edge.relations)) : [];

package/dist/overlays/element-details/TabPanelStructure.js

@@ -1,19 +1,22 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTree, Alert, Anchor, Tree, Box, Text, Pill } from '@mantine/core';
 import { IconInfoCircle } from '@tabler/icons-react';
-import { useMemo, useEffect } from 'react';
+import { r as reactExports } from '../../_virtual/index.js';
 import { treeNodeLabel, elementLabel } from './TabPanelStructure.css.js';
 
 const ElementLabel = ({
   element
 }) => /* @__PURE__ */ jsx(Box, { className: elementLabel, children: /* @__PURE__ */ jsx(Text, { component: "div", fz: "sm", fw: "500", children: element.title }) });
+const setHoveredNode = () => {
+};
 function TabPanelStructure({
   element
 }) {
   const tree = useTree({
     multiple: false
   });
-  const data = useMemo(() => {
+  tree.setHoveredNode = setHoveredNode;
+  const data = reactExports.useMemo(() => {
     let seq = 1;
     const messageNode = (label) => ({
       label,
@@ -50,7 +53,7 @@ function TabPanelStructure({
       ancestor
     ];
   }, [element]);
-  useEffect(() => {
+  reactExports.useEffect(() => {
     tree.expandAllNodes();
   }, [data]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [