@eventcatalog/visualiser 5.0.0-beta.2 → 5.0.0-beta.3

package/dist/index.mjs

@@ -4242,7 +4242,8 @@ var DomainCard_default = memo17(function DomainCardNode({ data }) {
     systemsCount = 0,
     servicesCount = 0,
     entitiesCount = 0,
-    subdomain = false
+    subdomain = false,
+    navigable = true
   } = data;
   const { id, version, name, summary } = domain;
   const stats = [
@@ -4254,14 +4255,16 @@ var DomainCard_default = memo17(function DomainCardNode({ data }) {
   return /* @__PURE__ */ jsxs17(
     "div",
     {
-      role: "button",
-      tabIndex: 0,
-      onClick: goToDiagram,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") goToDiagram();
-      },
-      title: `Open the ${name} diagram`,
-      className: "relative min-w-48 max-w-60 rounded-xl border-2 border-yellow-400 overflow-visible cursor-pointer",
+      ...navigable ? {
+        role: "button",
+        tabIndex: 0,
+        onClick: goToDiagram,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") goToDiagram();
+        },
+        title: `Open the ${name} diagram`
+      } : {},
+      className: `relative min-w-48 max-w-60 rounded-xl border-2 border-yellow-400 overflow-visible${navigable ? " cursor-pointer" : ""}`,
       style: CARD_STYLE,
       children: [
         /* @__PURE__ */ jsx19(
@@ -6029,12 +6032,14 @@ var System_default = memo27(function SystemNode({ data }) {
     entitiesCount = 0,
     containersCount = 0,
     messagesCount = 0,
-    isFocused = false
+    isFocused = false,
+    navigable = true
   } = data;
   const { id, version, name, summary, scope } = system;
   const isExternal = scope === "external";
   const isDark = useDarkMode();
   const isFlowStep = Boolean(data.step);
+  const opensMap = navigable && !isFlowStep;
   const stats = [
     { icon: ServerIcon3, label: "Services", count: servicesCount },
     { icon: MessageSquareIcon, label: "Messages", count: messagesCount },
@@ -6048,7 +6053,7 @@ var System_default = memo27(function SystemNode({ data }) {
   return /* @__PURE__ */ jsxs28(
     "div",
     {
-      ...isFlowStep ? {} : {
+      ...!opensMap ? {} : {
         role: "button",
         tabIndex: 0,
         onClick: goToMap,
@@ -6059,7 +6064,7 @@ var System_default = memo27(function SystemNode({ data }) {
       },
       className: classNames18(
         "relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible",
-        !isFlowStep && "cursor-pointer",
+        opensMap && "cursor-pointer",
         isExternal ? "border-dashed border-violet-400" : "border-violet-500"
       ),
       style: {
@@ -15659,6 +15664,7 @@ export {
   DATA,
   DataNode_default as Data,
   DataProduct_default as DataProductNode,
+  DomainCard_default as DomainCardNode,
   Domain_default as DomainNode,
   ENTITY_TARGET_HANDLE_ID,
   EVENT,