@eventcatalog/visualiser 5.0.0-beta.2 → 5.0.0-beta.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/index.d.mts +30 -22
- package/dist/index.d.ts +30 -22
- package/dist/index.js +19 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +18 -12
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -530,7 +530,7 @@ interface StepWalkthroughProps {
|
|
|
530
530
|
onStepChange: (nodeId: string | null, shouldZoomOut?: boolean, trail?: string[]) => void;
|
|
531
531
|
mode?: "full" | "simple";
|
|
532
532
|
}
|
|
533
|
-
declare const _default$
|
|
533
|
+
declare const _default$x: react__default.NamedExoticComponent<StepWalkthroughProps>;
|
|
534
534
|
|
|
535
535
|
interface FocusModeModalProps {
|
|
536
536
|
isOpen: boolean;
|
|
@@ -547,7 +547,7 @@ interface NodeContextMenuProps {
|
|
|
547
547
|
items: ContextMenuItem[];
|
|
548
548
|
children: React.ReactNode;
|
|
549
549
|
}
|
|
550
|
-
declare const _default$
|
|
550
|
+
declare const _default$w: react.NamedExoticComponent<NodeContextMenuProps>;
|
|
551
551
|
|
|
552
552
|
type MessageGroupNodeData = {
|
|
553
553
|
mode?: string;
|
|
@@ -565,7 +565,7 @@ type MessageGroupNodeData = {
|
|
|
565
565
|
};
|
|
566
566
|
};
|
|
567
567
|
type MessageGroupNode = Node<MessageGroupNodeData, "messageGroup">;
|
|
568
|
-
declare const _default$
|
|
568
|
+
declare const _default$v: react.NamedExoticComponent<MessageGroupNode>;
|
|
569
569
|
|
|
570
570
|
type MessageGroupExpandedNodeData = {
|
|
571
571
|
groupName: string;
|
|
@@ -573,7 +573,7 @@ type MessageGroupExpandedNodeData = {
|
|
|
573
573
|
messageCount: number;
|
|
574
574
|
onCollapse?: string;
|
|
575
575
|
};
|
|
576
|
-
declare const _default$
|
|
576
|
+
declare const _default$u: react.NamedExoticComponent<{
|
|
577
577
|
data: MessageGroupExpandedNodeData;
|
|
578
578
|
}>;
|
|
579
579
|
|
|
@@ -599,13 +599,13 @@ type DataProductNodeData = EventCatalogResource & {
|
|
|
599
599
|
};
|
|
600
600
|
};
|
|
601
601
|
type DataProductNode = Node<DataProductNodeData, "data-product">;
|
|
602
|
-
declare const _default$
|
|
602
|
+
declare const _default$t: react.NamedExoticComponent<DataProductNode>;
|
|
603
603
|
|
|
604
604
|
type FlowExpandedNodeData = {
|
|
605
605
|
flowName?: string;
|
|
606
606
|
version?: string;
|
|
607
607
|
};
|
|
608
|
-
declare const _default$
|
|
608
|
+
declare const _default$s: react.NamedExoticComponent<{
|
|
609
609
|
data: FlowExpandedNodeData;
|
|
610
610
|
}>;
|
|
611
611
|
|
|
@@ -615,9 +615,9 @@ type FieldNodeData = {
|
|
|
615
615
|
mode?: "simple" | "full";
|
|
616
616
|
};
|
|
617
617
|
type FieldNode = Node<FieldNodeData, "field">;
|
|
618
|
-
declare const _default$
|
|
618
|
+
declare const _default$r: react.NamedExoticComponent<FieldNode>;
|
|
619
619
|
|
|
620
|
-
declare const _default$
|
|
620
|
+
declare const _default$q: NodeConfiguration;
|
|
621
621
|
|
|
622
622
|
type ActorNodeData = EventCatalogResource & {
|
|
623
623
|
name: string;
|
|
@@ -627,9 +627,9 @@ type ActorNodeData = EventCatalogResource & {
|
|
|
627
627
|
notes?: Note[];
|
|
628
628
|
};
|
|
629
629
|
type ActorNode = Node<ActorNodeData, "actor">;
|
|
630
|
-
declare const _default$
|
|
630
|
+
declare const _default$p: react.NamedExoticComponent<ActorNode>;
|
|
631
631
|
|
|
632
|
-
declare const _default$
|
|
632
|
+
declare const _default$o: NodeConfiguration;
|
|
633
633
|
|
|
634
634
|
type ViewNodeData = EventCatalogResource & {
|
|
635
635
|
view: View;
|
|
@@ -641,7 +641,7 @@ type DataNodeData = EventCatalogResource & {
|
|
|
641
641
|
};
|
|
642
642
|
type DataNode = Node<DataNodeData, "data">;
|
|
643
643
|
|
|
644
|
-
declare const _default$
|
|
644
|
+
declare const _default$n: NodeConfiguration;
|
|
645
645
|
|
|
646
646
|
type ExternalSystemNodeData = EventCatalogResource & {
|
|
647
647
|
externalSystem: ExternalSystem & {
|
|
@@ -651,7 +651,7 @@ type ExternalSystemNodeData = EventCatalogResource & {
|
|
|
651
651
|
};
|
|
652
652
|
type ExternalSystemNode = Node<ExternalSystemNodeData, "external-system">;
|
|
653
653
|
|
|
654
|
-
declare const _default$
|
|
654
|
+
declare const _default$m: NodeConfiguration;
|
|
655
655
|
|
|
656
656
|
type NoteNodeData = {
|
|
657
657
|
id: string;
|
|
@@ -660,13 +660,13 @@ type NoteNodeData = {
|
|
|
660
660
|
readOnly?: boolean;
|
|
661
661
|
};
|
|
662
662
|
type NoteNode = Node<NoteNodeData, "note">;
|
|
663
|
-
interface NoteNodeProps extends NoteNode {
|
|
663
|
+
interface NoteNodeProps extends NodeProps<NoteNode> {
|
|
664
664
|
onTextChange?: (id: string, text: string) => void;
|
|
665
665
|
onColorChange?: (id: string, color: string) => void;
|
|
666
666
|
showResizer?: boolean;
|
|
667
667
|
readOnly?: boolean;
|
|
668
668
|
}
|
|
669
|
-
declare const _default$
|
|
669
|
+
declare const _default$l: react__default.NamedExoticComponent<NoteNodeProps>;
|
|
670
670
|
|
|
671
671
|
type ChannelNodeData = EventCatalogResource & {
|
|
672
672
|
channel: Channel;
|
|
@@ -685,7 +685,7 @@ type AgentToolData = EventCatalogResource & {
|
|
|
685
685
|
};
|
|
686
686
|
type AgentToolNode = Node<AgentToolData, "agentTool">;
|
|
687
687
|
declare function AgentTool(props: AgentToolNode): react_jsx_runtime.JSX.Element;
|
|
688
|
-
declare const _default$
|
|
688
|
+
declare const _default$k: react.MemoExoticComponent<typeof AgentTool>;
|
|
689
689
|
|
|
690
690
|
type AgentNodeData = EventCatalogResource & {
|
|
691
691
|
agent: {
|
|
@@ -713,33 +713,33 @@ type AgentNodeData = EventCatalogResource & {
|
|
|
713
713
|
};
|
|
714
714
|
type AgentNode = Node<AgentNodeData, "agent">;
|
|
715
715
|
declare function Agent(props: AgentNode): react_jsx_runtime.JSX.Element;
|
|
716
|
-
declare const _default$
|
|
716
|
+
declare const _default$j: react.MemoExoticComponent<typeof Agent>;
|
|
717
717
|
|
|
718
718
|
type ServiceNodeData = EventCatalogResource & {
|
|
719
719
|
service: Service;
|
|
720
720
|
};
|
|
721
721
|
type ServiceNode = Node<ServiceNodeData, "service">;
|
|
722
|
-
declare const _default$
|
|
722
|
+
declare const _default$i: react.NamedExoticComponent<ServiceNode>;
|
|
723
723
|
|
|
724
724
|
type QueryNodeData = EventCatalogResource & {
|
|
725
725
|
message: Message;
|
|
726
726
|
};
|
|
727
727
|
type QueryNode = Node<QueryNodeData, "query">;
|
|
728
|
-
declare const _default$
|
|
728
|
+
declare const _default$h: react.NamedExoticComponent<QueryNode>;
|
|
729
729
|
|
|
730
730
|
type CommandNodeData = EventCatalogResource & {
|
|
731
731
|
message: Message;
|
|
732
732
|
};
|
|
733
733
|
type CommandNode = Node<CommandNodeData, "command">;
|
|
734
|
-
declare const _default$
|
|
734
|
+
declare const _default$g: react.NamedExoticComponent<CommandNode>;
|
|
735
735
|
|
|
736
736
|
type MessageNodeData = EventCatalogResource & {
|
|
737
737
|
message: Message;
|
|
738
738
|
};
|
|
739
739
|
type EventNode = Node<MessageNodeData, "event">;
|
|
740
|
-
declare const _default$
|
|
740
|
+
declare const _default$f: react.NamedExoticComponent<EventNode>;
|
|
741
741
|
|
|
742
|
-
declare const _default$
|
|
742
|
+
declare const _default$e: NodeConfiguration;
|
|
743
743
|
|
|
744
744
|
declare const NotesIndicator: react.NamedExoticComponent<{
|
|
745
745
|
notes: Note[];
|
|
@@ -784,10 +784,18 @@ interface EntityProperty {
|
|
|
784
784
|
}
|
|
785
785
|
declare const getPropertyTypeLabel: (property: any) => any;
|
|
786
786
|
declare const getNestedEntityProperties: (property: EntityProperty) => EntityProperty[];
|
|
787
|
+
declare const _default$d: react.NamedExoticComponent<any>;
|
|
788
|
+
|
|
787
789
|
declare const _default$c: react.NamedExoticComponent<any>;
|
|
788
790
|
|
|
789
791
|
declare const _default$b: react.NamedExoticComponent<any>;
|
|
790
792
|
|
|
793
|
+
/**
|
|
794
|
+
* A domain shown as a single card (not expanded into its systems), e.g. another
|
|
795
|
+
* domain on a domain's diagram. Styled like the system node, in the domain
|
|
796
|
+
* colour, with counts of what the domain contains.
|
|
797
|
+
* Left-clicking the card opens the domain's diagram.
|
|
798
|
+
*/
|
|
791
799
|
declare const _default$a: react.NamedExoticComponent<any>;
|
|
792
800
|
|
|
793
801
|
/**
|
|
@@ -955,4 +963,4 @@ declare function layoutGraph(nodes: GraphNode[], edges: GraphEdge[], { style }?:
|
|
|
955
963
|
edges: Edge[];
|
|
956
964
|
}>;
|
|
957
965
|
|
|
958
|
-
export { ACTOR, AGENT, AGENT_TOOL, _default$
|
|
966
|
+
export { ACTOR, AGENT, AGENT_TOOL, _default$p as Actor, type ActorNode, type Agent$1 as Agent, _default$j as AgentNode, type AgentTool$1 as AgentTool, _default$k as AgentToolNode, type AgentToolNode as AgentToolNodeType, AnimatedMessageEdge, type BaseNodeData, CHANNEL, COMMAND, type Channel, type ChannelNode, _default$g as Command, type CommandNode, _default$8 as ContextActorNode, type ContextMenuItem, _default$c as CustomNode, DATA, type Data, type DataNode, _default$t as DataProductNode, _default$a as DomainCardNode, _default$b as DomainNode, type DslGraph, ENTITY_TARGET_HANDLE_ID, EVENT, type EdgeType, _default$d as EntityNode, type EntityProperty, _default$f as Event, type EventCatalogResource, type EventNode, type ExternalSystem, _default$2 as ExternalSystem2Node, type ExternalSystemNode, _default$r as Field, type FieldNode as FieldNodeType, _default$1 as FlowEdge, _default$s as FlowExpandedNode, type FlowGroupBy, type FlowGroupStyle, _default$6 as FlowNode, FocusModeModal, type GraphEdge, type GraphEdgeType, type GraphNode, _default$5 as GroupNode, LabelledDefaultEdge, LabelledSmoothStepEdge, LabelledStepEdge, MESSAGE, type MermaidExportOptions, MermaidView, type Message, _default$u as MessageGroupExpandedNode, type MessageGroupExpandedNodeData, _default$v as MessageGroupNode, type MessageGroupNodeData, type MessageGroupNode as MessageGroupNodeType, _default as MultilineEdgeLabel, type NodeCategory, type NodeConfiguration, _default$w as NodeContextMenu, NodeGraph, type NodeGraphProps, type NodeType, _default$l as Note, type NoteNode, NotesIndicator, OwnerIndicator, QUERY, _default$h as Query, type QueryNode, type RegisteredNode, SERVICE, _default$i as Service, type ServiceNode, type Service as ServiceType, _default$4 as StepNode, _default$x as StepWalkthrough, _default$7 as SystemGroupNode, _default$9 as SystemNode, _default$3 as UserNode, VIEW, type View, type ViewNode, VisualiserSearch, type VisualizerCallbacks, type VisualizerLink, type VisualizerMode, _default$o as actorConfig, buildNodeData, convertToMermaid, createEdge, createNode, _default$n as dataNodeConfig, edgeTypes, _default$e as eventConfig, exportNodeGraphForStudio, _default$m as externalSystemConfig, _default$q as fieldConfig, generateIdForNode, generateIdForNodes, generatedIdForEdge, getColorFromString, getEdgeLabelForMessageAsSource, getEdgeLabelForServiceAsTarget, getEdgeLabelSize, getNestedEntityProperties, getPropertyTypeLabel, isFlowGroupBy, layoutGraph, nodeComponents, nodeConfigs, normalizeOwners };
|
package/dist/index.d.ts
CHANGED
|
@@ -530,7 +530,7 @@ interface StepWalkthroughProps {
|
|
|
530
530
|
onStepChange: (nodeId: string | null, shouldZoomOut?: boolean, trail?: string[]) => void;
|
|
531
531
|
mode?: "full" | "simple";
|
|
532
532
|
}
|
|
533
|
-
declare const _default$
|
|
533
|
+
declare const _default$x: react__default.NamedExoticComponent<StepWalkthroughProps>;
|
|
534
534
|
|
|
535
535
|
interface FocusModeModalProps {
|
|
536
536
|
isOpen: boolean;
|
|
@@ -547,7 +547,7 @@ interface NodeContextMenuProps {
|
|
|
547
547
|
items: ContextMenuItem[];
|
|
548
548
|
children: React.ReactNode;
|
|
549
549
|
}
|
|
550
|
-
declare const _default$
|
|
550
|
+
declare const _default$w: react.NamedExoticComponent<NodeContextMenuProps>;
|
|
551
551
|
|
|
552
552
|
type MessageGroupNodeData = {
|
|
553
553
|
mode?: string;
|
|
@@ -565,7 +565,7 @@ type MessageGroupNodeData = {
|
|
|
565
565
|
};
|
|
566
566
|
};
|
|
567
567
|
type MessageGroupNode = Node<MessageGroupNodeData, "messageGroup">;
|
|
568
|
-
declare const _default$
|
|
568
|
+
declare const _default$v: react.NamedExoticComponent<MessageGroupNode>;
|
|
569
569
|
|
|
570
570
|
type MessageGroupExpandedNodeData = {
|
|
571
571
|
groupName: string;
|
|
@@ -573,7 +573,7 @@ type MessageGroupExpandedNodeData = {
|
|
|
573
573
|
messageCount: number;
|
|
574
574
|
onCollapse?: string;
|
|
575
575
|
};
|
|
576
|
-
declare const _default$
|
|
576
|
+
declare const _default$u: react.NamedExoticComponent<{
|
|
577
577
|
data: MessageGroupExpandedNodeData;
|
|
578
578
|
}>;
|
|
579
579
|
|
|
@@ -599,13 +599,13 @@ type DataProductNodeData = EventCatalogResource & {
|
|
|
599
599
|
};
|
|
600
600
|
};
|
|
601
601
|
type DataProductNode = Node<DataProductNodeData, "data-product">;
|
|
602
|
-
declare const _default$
|
|
602
|
+
declare const _default$t: react.NamedExoticComponent<DataProductNode>;
|
|
603
603
|
|
|
604
604
|
type FlowExpandedNodeData = {
|
|
605
605
|
flowName?: string;
|
|
606
606
|
version?: string;
|
|
607
607
|
};
|
|
608
|
-
declare const _default$
|
|
608
|
+
declare const _default$s: react.NamedExoticComponent<{
|
|
609
609
|
data: FlowExpandedNodeData;
|
|
610
610
|
}>;
|
|
611
611
|
|
|
@@ -615,9 +615,9 @@ type FieldNodeData = {
|
|
|
615
615
|
mode?: "simple" | "full";
|
|
616
616
|
};
|
|
617
617
|
type FieldNode = Node<FieldNodeData, "field">;
|
|
618
|
-
declare const _default$
|
|
618
|
+
declare const _default$r: react.NamedExoticComponent<FieldNode>;
|
|
619
619
|
|
|
620
|
-
declare const _default$
|
|
620
|
+
declare const _default$q: NodeConfiguration;
|
|
621
621
|
|
|
622
622
|
type ActorNodeData = EventCatalogResource & {
|
|
623
623
|
name: string;
|
|
@@ -627,9 +627,9 @@ type ActorNodeData = EventCatalogResource & {
|
|
|
627
627
|
notes?: Note[];
|
|
628
628
|
};
|
|
629
629
|
type ActorNode = Node<ActorNodeData, "actor">;
|
|
630
|
-
declare const _default$
|
|
630
|
+
declare const _default$p: react.NamedExoticComponent<ActorNode>;
|
|
631
631
|
|
|
632
|
-
declare const _default$
|
|
632
|
+
declare const _default$o: NodeConfiguration;
|
|
633
633
|
|
|
634
634
|
type ViewNodeData = EventCatalogResource & {
|
|
635
635
|
view: View;
|
|
@@ -641,7 +641,7 @@ type DataNodeData = EventCatalogResource & {
|
|
|
641
641
|
};
|
|
642
642
|
type DataNode = Node<DataNodeData, "data">;
|
|
643
643
|
|
|
644
|
-
declare const _default$
|
|
644
|
+
declare const _default$n: NodeConfiguration;
|
|
645
645
|
|
|
646
646
|
type ExternalSystemNodeData = EventCatalogResource & {
|
|
647
647
|
externalSystem: ExternalSystem & {
|
|
@@ -651,7 +651,7 @@ type ExternalSystemNodeData = EventCatalogResource & {
|
|
|
651
651
|
};
|
|
652
652
|
type ExternalSystemNode = Node<ExternalSystemNodeData, "external-system">;
|
|
653
653
|
|
|
654
|
-
declare const _default$
|
|
654
|
+
declare const _default$m: NodeConfiguration;
|
|
655
655
|
|
|
656
656
|
type NoteNodeData = {
|
|
657
657
|
id: string;
|
|
@@ -660,13 +660,13 @@ type NoteNodeData = {
|
|
|
660
660
|
readOnly?: boolean;
|
|
661
661
|
};
|
|
662
662
|
type NoteNode = Node<NoteNodeData, "note">;
|
|
663
|
-
interface NoteNodeProps extends NoteNode {
|
|
663
|
+
interface NoteNodeProps extends NodeProps<NoteNode> {
|
|
664
664
|
onTextChange?: (id: string, text: string) => void;
|
|
665
665
|
onColorChange?: (id: string, color: string) => void;
|
|
666
666
|
showResizer?: boolean;
|
|
667
667
|
readOnly?: boolean;
|
|
668
668
|
}
|
|
669
|
-
declare const _default$
|
|
669
|
+
declare const _default$l: react__default.NamedExoticComponent<NoteNodeProps>;
|
|
670
670
|
|
|
671
671
|
type ChannelNodeData = EventCatalogResource & {
|
|
672
672
|
channel: Channel;
|
|
@@ -685,7 +685,7 @@ type AgentToolData = EventCatalogResource & {
|
|
|
685
685
|
};
|
|
686
686
|
type AgentToolNode = Node<AgentToolData, "agentTool">;
|
|
687
687
|
declare function AgentTool(props: AgentToolNode): react_jsx_runtime.JSX.Element;
|
|
688
|
-
declare const _default$
|
|
688
|
+
declare const _default$k: react.MemoExoticComponent<typeof AgentTool>;
|
|
689
689
|
|
|
690
690
|
type AgentNodeData = EventCatalogResource & {
|
|
691
691
|
agent: {
|
|
@@ -713,33 +713,33 @@ type AgentNodeData = EventCatalogResource & {
|
|
|
713
713
|
};
|
|
714
714
|
type AgentNode = Node<AgentNodeData, "agent">;
|
|
715
715
|
declare function Agent(props: AgentNode): react_jsx_runtime.JSX.Element;
|
|
716
|
-
declare const _default$
|
|
716
|
+
declare const _default$j: react.MemoExoticComponent<typeof Agent>;
|
|
717
717
|
|
|
718
718
|
type ServiceNodeData = EventCatalogResource & {
|
|
719
719
|
service: Service;
|
|
720
720
|
};
|
|
721
721
|
type ServiceNode = Node<ServiceNodeData, "service">;
|
|
722
|
-
declare const _default$
|
|
722
|
+
declare const _default$i: react.NamedExoticComponent<ServiceNode>;
|
|
723
723
|
|
|
724
724
|
type QueryNodeData = EventCatalogResource & {
|
|
725
725
|
message: Message;
|
|
726
726
|
};
|
|
727
727
|
type QueryNode = Node<QueryNodeData, "query">;
|
|
728
|
-
declare const _default$
|
|
728
|
+
declare const _default$h: react.NamedExoticComponent<QueryNode>;
|
|
729
729
|
|
|
730
730
|
type CommandNodeData = EventCatalogResource & {
|
|
731
731
|
message: Message;
|
|
732
732
|
};
|
|
733
733
|
type CommandNode = Node<CommandNodeData, "command">;
|
|
734
|
-
declare const _default$
|
|
734
|
+
declare const _default$g: react.NamedExoticComponent<CommandNode>;
|
|
735
735
|
|
|
736
736
|
type MessageNodeData = EventCatalogResource & {
|
|
737
737
|
message: Message;
|
|
738
738
|
};
|
|
739
739
|
type EventNode = Node<MessageNodeData, "event">;
|
|
740
|
-
declare const _default$
|
|
740
|
+
declare const _default$f: react.NamedExoticComponent<EventNode>;
|
|
741
741
|
|
|
742
|
-
declare const _default$
|
|
742
|
+
declare const _default$e: NodeConfiguration;
|
|
743
743
|
|
|
744
744
|
declare const NotesIndicator: react.NamedExoticComponent<{
|
|
745
745
|
notes: Note[];
|
|
@@ -784,10 +784,18 @@ interface EntityProperty {
|
|
|
784
784
|
}
|
|
785
785
|
declare const getPropertyTypeLabel: (property: any) => any;
|
|
786
786
|
declare const getNestedEntityProperties: (property: EntityProperty) => EntityProperty[];
|
|
787
|
+
declare const _default$d: react.NamedExoticComponent<any>;
|
|
788
|
+
|
|
787
789
|
declare const _default$c: react.NamedExoticComponent<any>;
|
|
788
790
|
|
|
789
791
|
declare const _default$b: react.NamedExoticComponent<any>;
|
|
790
792
|
|
|
793
|
+
/**
|
|
794
|
+
* A domain shown as a single card (not expanded into its systems), e.g. another
|
|
795
|
+
* domain on a domain's diagram. Styled like the system node, in the domain
|
|
796
|
+
* colour, with counts of what the domain contains.
|
|
797
|
+
* Left-clicking the card opens the domain's diagram.
|
|
798
|
+
*/
|
|
791
799
|
declare const _default$a: react.NamedExoticComponent<any>;
|
|
792
800
|
|
|
793
801
|
/**
|
|
@@ -955,4 +963,4 @@ declare function layoutGraph(nodes: GraphNode[], edges: GraphEdge[], { style }?:
|
|
|
955
963
|
edges: Edge[];
|
|
956
964
|
}>;
|
|
957
965
|
|
|
958
|
-
export { ACTOR, AGENT, AGENT_TOOL, _default$
|
|
966
|
+
export { ACTOR, AGENT, AGENT_TOOL, _default$p as Actor, type ActorNode, type Agent$1 as Agent, _default$j as AgentNode, type AgentTool$1 as AgentTool, _default$k as AgentToolNode, type AgentToolNode as AgentToolNodeType, AnimatedMessageEdge, type BaseNodeData, CHANNEL, COMMAND, type Channel, type ChannelNode, _default$g as Command, type CommandNode, _default$8 as ContextActorNode, type ContextMenuItem, _default$c as CustomNode, DATA, type Data, type DataNode, _default$t as DataProductNode, _default$a as DomainCardNode, _default$b as DomainNode, type DslGraph, ENTITY_TARGET_HANDLE_ID, EVENT, type EdgeType, _default$d as EntityNode, type EntityProperty, _default$f as Event, type EventCatalogResource, type EventNode, type ExternalSystem, _default$2 as ExternalSystem2Node, type ExternalSystemNode, _default$r as Field, type FieldNode as FieldNodeType, _default$1 as FlowEdge, _default$s as FlowExpandedNode, type FlowGroupBy, type FlowGroupStyle, _default$6 as FlowNode, FocusModeModal, type GraphEdge, type GraphEdgeType, type GraphNode, _default$5 as GroupNode, LabelledDefaultEdge, LabelledSmoothStepEdge, LabelledStepEdge, MESSAGE, type MermaidExportOptions, MermaidView, type Message, _default$u as MessageGroupExpandedNode, type MessageGroupExpandedNodeData, _default$v as MessageGroupNode, type MessageGroupNodeData, type MessageGroupNode as MessageGroupNodeType, _default as MultilineEdgeLabel, type NodeCategory, type NodeConfiguration, _default$w as NodeContextMenu, NodeGraph, type NodeGraphProps, type NodeType, _default$l as Note, type NoteNode, NotesIndicator, OwnerIndicator, QUERY, _default$h as Query, type QueryNode, type RegisteredNode, SERVICE, _default$i as Service, type ServiceNode, type Service as ServiceType, _default$4 as StepNode, _default$x as StepWalkthrough, _default$7 as SystemGroupNode, _default$9 as SystemNode, _default$3 as UserNode, VIEW, type View, type ViewNode, VisualiserSearch, type VisualizerCallbacks, type VisualizerLink, type VisualizerMode, _default$o as actorConfig, buildNodeData, convertToMermaid, createEdge, createNode, _default$n as dataNodeConfig, edgeTypes, _default$e as eventConfig, exportNodeGraphForStudio, _default$m as externalSystemConfig, _default$q as fieldConfig, generateIdForNode, generateIdForNodes, generatedIdForEdge, getColorFromString, getEdgeLabelForMessageAsSource, getEdgeLabelForServiceAsTarget, getEdgeLabelSize, getNestedEntityProperties, getPropertyTypeLabel, isFlowGroupBy, layoutGraph, nodeComponents, nodeConfigs, normalizeOwners };
|
package/dist/index.js
CHANGED
|
@@ -46,6 +46,7 @@ __export(index_exports, {
|
|
|
46
46
|
DATA: () => DATA,
|
|
47
47
|
Data: () => DataNode_default,
|
|
48
48
|
DataProductNode: () => DataProduct_default,
|
|
49
|
+
DomainCardNode: () => DomainCard_default,
|
|
49
50
|
DomainNode: () => Domain_default,
|
|
50
51
|
ENTITY_TARGET_HANDLE_ID: () => ENTITY_TARGET_HANDLE_ID,
|
|
51
52
|
EVENT: () => EVENT,
|
|
@@ -4303,7 +4304,8 @@ var DomainCard_default = (0, import_react36.memo)(function DomainCardNode({ data
|
|
|
4303
4304
|
systemsCount = 0,
|
|
4304
4305
|
servicesCount = 0,
|
|
4305
4306
|
entitiesCount = 0,
|
|
4306
|
-
subdomain = false
|
|
4307
|
+
subdomain = false,
|
|
4308
|
+
navigable = true
|
|
4307
4309
|
} = data;
|
|
4308
4310
|
const { id, version, name, summary } = domain;
|
|
4309
4311
|
const stats = [
|
|
@@ -4315,14 +4317,16 @@ var DomainCard_default = (0, import_react36.memo)(function DomainCardNode({ data
|
|
|
4315
4317
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
4316
4318
|
"div",
|
|
4317
4319
|
{
|
|
4318
|
-
|
|
4319
|
-
|
|
4320
|
-
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
|
|
4324
|
-
|
|
4325
|
-
|
|
4320
|
+
...navigable ? {
|
|
4321
|
+
role: "button",
|
|
4322
|
+
tabIndex: 0,
|
|
4323
|
+
onClick: goToDiagram,
|
|
4324
|
+
onKeyDown: (e) => {
|
|
4325
|
+
if (e.key === "Enter" || e.key === " ") goToDiagram();
|
|
4326
|
+
},
|
|
4327
|
+
title: `Open the ${name} diagram`
|
|
4328
|
+
} : {},
|
|
4329
|
+
className: `relative min-w-48 max-w-60 rounded-xl border-2 border-yellow-400 overflow-visible${navigable ? " cursor-pointer" : ""}`,
|
|
4326
4330
|
style: CARD_STYLE,
|
|
4327
4331
|
children: [
|
|
4328
4332
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
@@ -6079,12 +6083,14 @@ var System_default = (0, import_react57.memo)(function SystemNode({ data }) {
|
|
|
6079
6083
|
entitiesCount = 0,
|
|
6080
6084
|
containersCount = 0,
|
|
6081
6085
|
messagesCount = 0,
|
|
6082
|
-
isFocused = false
|
|
6086
|
+
isFocused = false,
|
|
6087
|
+
navigable = true
|
|
6083
6088
|
} = data;
|
|
6084
6089
|
const { id, version, name, summary, scope } = system;
|
|
6085
6090
|
const isExternal = scope === "external";
|
|
6086
6091
|
const isDark = useDarkMode();
|
|
6087
6092
|
const isFlowStep = Boolean(data.step);
|
|
6093
|
+
const opensMap = navigable && !isFlowStep;
|
|
6088
6094
|
const stats = [
|
|
6089
6095
|
{ icon: import_lucide_react27.Server, label: "Services", count: servicesCount },
|
|
6090
6096
|
{ icon: import_lucide_react27.MessageSquare, label: "Messages", count: messagesCount },
|
|
@@ -6098,7 +6104,7 @@ var System_default = (0, import_react57.memo)(function SystemNode({ data }) {
|
|
|
6098
6104
|
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
6099
6105
|
"div",
|
|
6100
6106
|
{
|
|
6101
|
-
|
|
6107
|
+
...!opensMap ? {} : {
|
|
6102
6108
|
role: "button",
|
|
6103
6109
|
tabIndex: 0,
|
|
6104
6110
|
onClick: goToMap,
|
|
@@ -6109,7 +6115,7 @@ var System_default = (0, import_react57.memo)(function SystemNode({ data }) {
|
|
|
6109
6115
|
},
|
|
6110
6116
|
className: classNames18(
|
|
6111
6117
|
"relative min-w-48 max-w-60 rounded-xl border-2 overflow-visible",
|
|
6112
|
-
|
|
6118
|
+
opensMap && "cursor-pointer",
|
|
6113
6119
|
isExternal ? "border-dashed border-violet-400" : "border-violet-500"
|
|
6114
6120
|
),
|
|
6115
6121
|
style: {
|
|
@@ -15609,6 +15615,7 @@ var exportNodeGraphForStudio = (data) => {
|
|
|
15609
15615
|
DATA,
|
|
15610
15616
|
Data,
|
|
15611
15617
|
DataProductNode,
|
|
15618
|
+
DomainCardNode,
|
|
15612
15619
|
DomainNode,
|
|
15613
15620
|
ENTITY_TARGET_HANDLE_ID,
|
|
15614
15621
|
EVENT,
|