@eventcatalog/visualiser 5.2.1 → 5.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-QQUJTD6O.mjs → chunk-K37IHEO3.mjs} +16 -12
- package/dist/chunk-K37IHEO3.mjs.map +1 -0
- package/dist/{chunk-P2DH6CFV.mjs → chunk-N4AJCJPU.mjs} +4 -2
- package/dist/{chunk-P2DH6CFV.mjs.map → chunk-N4AJCJPU.mjs.map} +1 -1
- package/dist/index.js +15 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/layout.d.mts +1 -1
- package/dist/layout.d.ts +1 -1
- package/dist/layout.js +2 -1
- package/dist/layout.js.map +1 -1
- package/dist/layout.mjs +1 -1
- package/dist/studio.css +9 -5
- package/dist/studio.d.mts +18 -3
- package/dist/studio.mjs +684 -256
- package/dist/studio.mjs.map +1 -1
- package/dist/styles-core.css +89 -32
- package/dist/styles.css +89 -32
- package/package.json +1 -1
- package/dist/chunk-QQUJTD6O.mjs.map +0 -1
|
@@ -19,15 +19,15 @@ import {
|
|
|
19
19
|
hasSwimlanes,
|
|
20
20
|
hideMessageNodes,
|
|
21
21
|
hideNodes,
|
|
22
|
-
isCarrier,
|
|
23
22
|
isFlowGroupBy,
|
|
24
23
|
isFlowGroupStyle,
|
|
24
|
+
isLevel3Detail,
|
|
25
25
|
isMessageNode,
|
|
26
26
|
isSwimlaneNode,
|
|
27
27
|
layoutSwimlanes,
|
|
28
28
|
layoutWithElk,
|
|
29
29
|
removeSwimlanes
|
|
30
|
-
} from "./chunk-
|
|
30
|
+
} from "./chunk-N4AJCJPU.mjs";
|
|
31
31
|
|
|
32
32
|
// src/components/NodeGraph.tsx
|
|
33
33
|
import {
|
|
@@ -10897,7 +10897,7 @@ var useNodeVisibility = ({
|
|
|
10897
10897
|
setNodes,
|
|
10898
10898
|
setEdges,
|
|
10899
10899
|
hasChannels,
|
|
10900
|
-
|
|
10900
|
+
hasLevel3Detail,
|
|
10901
10901
|
transitionFrom,
|
|
10902
10902
|
nodeOrigin,
|
|
10903
10903
|
disableAnimation = false,
|
|
@@ -10934,7 +10934,7 @@ var useNodeVisibility = ({
|
|
|
10934
10934
|
const animateNextChange = useRef8(false);
|
|
10935
10935
|
const isAnimating = useRef8(false);
|
|
10936
10936
|
const cancelAnimation = useRef8(void 0);
|
|
10937
|
-
const messagesHidden = hideMessages &&
|
|
10937
|
+
const messagesHidden = hideMessages && hasLevel3Detail;
|
|
10938
10938
|
const channelsHidden = hasChannels && (hideChannels || messagesHidden);
|
|
10939
10939
|
const [hiddenLegendKeys, setHiddenLegendKeys] = useState10(
|
|
10940
10940
|
initialHiddenLegendKeys
|
|
@@ -10968,7 +10968,7 @@ var useNodeVisibility = ({
|
|
|
10968
10968
|
useEffect10(() => {
|
|
10969
10969
|
if (isAnimating.current) return;
|
|
10970
10970
|
const containsHiddenNodes = nodes.some(
|
|
10971
|
-
(node) => channelsHidden && node.type === "channels" || messagesHidden &&
|
|
10971
|
+
(node) => channelsHidden && node.type === "channels" || messagesHidden && isLevel3Detail(node) || legendHidden && isHiddenByLegend(node)
|
|
10972
10972
|
);
|
|
10973
10973
|
if (!channelsHidden && !messagesHidden && !legendHidden || containsHiddenNodes) {
|
|
10974
10974
|
fullGraph.current = { nodes, edges };
|
|
@@ -14511,6 +14511,10 @@ var NodeGraphBuilder = ({
|
|
|
14511
14511
|
() => initialNodes.some(isMessageNode),
|
|
14512
14512
|
[initialNodes]
|
|
14513
14513
|
);
|
|
14514
|
+
const hasLevel3Detail = useMemo18(
|
|
14515
|
+
() => initialNodes.some(isLevel3Detail),
|
|
14516
|
+
[initialNodes]
|
|
14517
|
+
);
|
|
14514
14518
|
const isFlowGraph = useMemo18(
|
|
14515
14519
|
() => initialEdges.some((edge) => edge.type === "flow-edge"),
|
|
14516
14520
|
[initialEdges]
|
|
@@ -14576,7 +14580,7 @@ var NodeGraphBuilder = ({
|
|
|
14576
14580
|
setNodes,
|
|
14577
14581
|
setEdges,
|
|
14578
14582
|
hasChannels,
|
|
14579
|
-
|
|
14583
|
+
hasLevel3Detail,
|
|
14580
14584
|
transitionFrom,
|
|
14581
14585
|
nodeOrigin: NODE_ORIGIN,
|
|
14582
14586
|
// The Mermaid view would draw every step of the animation between levels
|
|
@@ -14621,15 +14625,15 @@ var NodeGraphBuilder = ({
|
|
|
14621
14625
|
},
|
|
14622
14626
|
{
|
|
14623
14627
|
description: "services and data stores",
|
|
14624
|
-
active: !isOverview && !isContextGraph && (hideMessages || !
|
|
14628
|
+
active: !isOverview && !isContextGraph && (hideMessages || !hasLevel3Detail),
|
|
14625
14629
|
disabledReason: hasDetail ? void 0 : "Not available here: this diagram only shows domains, systems and their relationships",
|
|
14626
14630
|
onSelect: () => selectDetailLevel(2)
|
|
14627
14631
|
},
|
|
14628
14632
|
{
|
|
14629
14633
|
description: "messages and channels",
|
|
14630
|
-
active: !isOverview &&
|
|
14634
|
+
active: !isOverview && hasLevel3Detail && !hideMessages,
|
|
14631
14635
|
// The overview doesn't know if the detail has messages, so allows it
|
|
14632
|
-
disabledReason: isOverview ||
|
|
14636
|
+
disabledReason: isOverview || hasLevel3Detail ? void 0 : "Not available here: this diagram has no messages, channels or agent tools",
|
|
14633
14637
|
onSelect: () => selectDetailLevel(3)
|
|
14634
14638
|
}
|
|
14635
14639
|
];
|
|
@@ -14640,7 +14644,7 @@ var NodeGraphBuilder = ({
|
|
|
14640
14644
|
hasLevels,
|
|
14641
14645
|
isFlowGraph,
|
|
14642
14646
|
hideMessages,
|
|
14643
|
-
|
|
14647
|
+
hasLevel3Detail,
|
|
14644
14648
|
setDetailLevel,
|
|
14645
14649
|
switchGraph
|
|
14646
14650
|
]);
|
|
@@ -15375,7 +15379,7 @@ var NodeGraphBuilder = ({
|
|
|
15375
15379
|
if (level === 2) return shown;
|
|
15376
15380
|
if (hiddenMessages) return asDrawn(hiddenMessages);
|
|
15377
15381
|
const full = level === 3 ? shown : detail;
|
|
15378
|
-
if (!full.nodes.some(
|
|
15382
|
+
if (!full.nodes.some(isLevel3Detail)) return asDrawn(full);
|
|
15379
15383
|
return asDrawn(
|
|
15380
15384
|
await layoutWithElk(hideMessageNodes(full.nodes, full.edges))
|
|
15381
15385
|
);
|
|
@@ -16495,4 +16499,4 @@ export {
|
|
|
16495
16499
|
edgeTypes,
|
|
16496
16500
|
exportNodeGraphForStudio
|
|
16497
16501
|
};
|
|
16498
|
-
//# sourceMappingURL=chunk-
|
|
16502
|
+
//# sourceMappingURL=chunk-K37IHEO3.mjs.map
|