@eventcatalog/visualiser 3.18.4 → 3.20.0
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 +48 -28
- package/dist/index.d.ts +48 -28
- package/dist/index.js +2032 -1084
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1745 -787
- package/dist/index.mjs.map +1 -1
- package/dist/styles-core.css +192 -3
- package/dist/styles.css +192 -3
- package/package.json +5 -2
package/dist/index.d.mts
CHANGED
|
@@ -330,37 +330,46 @@ interface MermaidViewProps {
|
|
|
330
330
|
}
|
|
331
331
|
declare const MermaidView: ({ nodes, edges, maxTextSize, }: MermaidViewProps) => react_jsx_runtime.JSX.Element;
|
|
332
332
|
|
|
333
|
-
interface
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
}
|
|
337
|
-
interface ServiceData {
|
|
338
|
-
name: string;
|
|
339
|
-
version?: string;
|
|
340
|
-
}
|
|
341
|
-
interface DomainData {
|
|
342
|
-
name: string;
|
|
343
|
-
version?: string;
|
|
344
|
-
}
|
|
345
|
-
interface EntityData {
|
|
346
|
-
name: string;
|
|
333
|
+
interface ResourceData {
|
|
334
|
+
id?: string;
|
|
335
|
+
name?: string;
|
|
347
336
|
version?: string;
|
|
348
337
|
}
|
|
338
|
+
type MessageData = ResourceData;
|
|
339
|
+
type ServiceData = ResourceData;
|
|
340
|
+
type DomainData = ResourceData;
|
|
341
|
+
type EntityData = ResourceData;
|
|
349
342
|
interface NodeDataContent extends Record<string, unknown> {
|
|
350
343
|
message?: {
|
|
351
|
-
data
|
|
352
|
-
};
|
|
344
|
+
data?: MessageData;
|
|
345
|
+
} & MessageData;
|
|
353
346
|
service?: {
|
|
354
|
-
data
|
|
355
|
-
};
|
|
347
|
+
data?: ServiceData;
|
|
348
|
+
} & ServiceData;
|
|
356
349
|
domain?: {
|
|
357
|
-
data
|
|
358
|
-
};
|
|
350
|
+
data?: DomainData;
|
|
351
|
+
} & DomainData;
|
|
359
352
|
entity?: {
|
|
360
|
-
data
|
|
361
|
-
};
|
|
353
|
+
data?: EntityData;
|
|
354
|
+
} & EntityData;
|
|
355
|
+
channel?: {
|
|
356
|
+
data?: ResourceData;
|
|
357
|
+
} & ResourceData;
|
|
358
|
+
dataProduct?: {
|
|
359
|
+
data?: ResourceData;
|
|
360
|
+
} & ResourceData;
|
|
361
|
+
data?: ResourceData;
|
|
362
362
|
name?: string;
|
|
363
363
|
version?: string;
|
|
364
|
+
groupName?: string;
|
|
365
|
+
messages?: Array<{
|
|
366
|
+
message?: {
|
|
367
|
+
collection?: string;
|
|
368
|
+
data?: MessageData & {
|
|
369
|
+
id?: string;
|
|
370
|
+
};
|
|
371
|
+
};
|
|
372
|
+
}>;
|
|
364
373
|
}
|
|
365
374
|
type CustomNode$1 = Node<NodeDataContent>;
|
|
366
375
|
interface VisualiserSearchProps {
|
|
@@ -425,7 +434,7 @@ interface StepWalkthroughProps {
|
|
|
425
434
|
onStepChange: (nodeId: string | null, highlightPaths?: string[], shouldZoomOut?: boolean) => void;
|
|
426
435
|
mode?: "full" | "simple";
|
|
427
436
|
}
|
|
428
|
-
declare const _default$
|
|
437
|
+
declare const _default$r: react__default.NamedExoticComponent<StepWalkthroughProps>;
|
|
429
438
|
|
|
430
439
|
interface FocusModeModalProps {
|
|
431
440
|
isOpen: boolean;
|
|
@@ -442,7 +451,7 @@ interface NodeContextMenuProps {
|
|
|
442
451
|
items: ContextMenuItem[];
|
|
443
452
|
children: React.ReactNode;
|
|
444
453
|
}
|
|
445
|
-
declare const _default$
|
|
454
|
+
declare const _default$q: react.NamedExoticComponent<NodeContextMenuProps>;
|
|
446
455
|
|
|
447
456
|
type MessageGroupNodeData = {
|
|
448
457
|
mode?: string;
|
|
@@ -460,7 +469,7 @@ type MessageGroupNodeData = {
|
|
|
460
469
|
};
|
|
461
470
|
};
|
|
462
471
|
type MessageGroupNode = Node<MessageGroupNodeData, "messageGroup">;
|
|
463
|
-
declare const _default$
|
|
472
|
+
declare const _default$p: react.NamedExoticComponent<MessageGroupNode>;
|
|
464
473
|
|
|
465
474
|
type MessageGroupExpandedNodeData = {
|
|
466
475
|
groupName: string;
|
|
@@ -468,7 +477,7 @@ type MessageGroupExpandedNodeData = {
|
|
|
468
477
|
messageCount: number;
|
|
469
478
|
onCollapse?: string;
|
|
470
479
|
};
|
|
471
|
-
declare const _default$
|
|
480
|
+
declare const _default$o: react.NamedExoticComponent<{
|
|
472
481
|
data: MessageGroupExpandedNodeData;
|
|
473
482
|
}>;
|
|
474
483
|
|
|
@@ -494,7 +503,15 @@ type DataProductNodeData = EventCatalogResource & {
|
|
|
494
503
|
};
|
|
495
504
|
};
|
|
496
505
|
type DataProductNode = Node<DataProductNodeData, "data-product">;
|
|
497
|
-
declare const _default$
|
|
506
|
+
declare const _default$n: react.NamedExoticComponent<DataProductNode>;
|
|
507
|
+
|
|
508
|
+
type FlowExpandedNodeData = {
|
|
509
|
+
flowName?: string;
|
|
510
|
+
version?: string;
|
|
511
|
+
};
|
|
512
|
+
declare const _default$m: react.NamedExoticComponent<{
|
|
513
|
+
data: FlowExpandedNodeData;
|
|
514
|
+
}>;
|
|
498
515
|
|
|
499
516
|
type FieldNodeData = {
|
|
500
517
|
name: string;
|
|
@@ -652,6 +669,9 @@ declare const nodeComponents: {
|
|
|
652
669
|
domain: react.NamedExoticComponent<any>;
|
|
653
670
|
entity: react.NamedExoticComponent<any>;
|
|
654
671
|
flow: react.NamedExoticComponent<any>;
|
|
672
|
+
flowExpanded: react.NamedExoticComponent<{
|
|
673
|
+
data: FlowExpandedNodeData;
|
|
674
|
+
}>;
|
|
655
675
|
group: react.NamedExoticComponent<_xyflow_react.NodeProps>;
|
|
656
676
|
step: react.NamedExoticComponent<any>;
|
|
657
677
|
user: react.NamedExoticComponent<any>;
|
|
@@ -745,4 +765,4 @@ declare function layoutGraph(nodes: GraphNode[], edges: GraphEdge[], options?: {
|
|
|
745
765
|
edges: Edge[];
|
|
746
766
|
};
|
|
747
767
|
|
|
748
|
-
export { ACTOR, _default$j as Actor, type ActorNode, AnimatedMessageEdge, type BaseNodeData, CHANNEL, COMMAND, type Channel, type ChannelNode, _default$c as Command, type CommandNode, type ContextMenuItem, _default$9 as CustomNode, DATA, type Data, type DataNode, _default$
|
|
768
|
+
export { ACTOR, _default$j as Actor, type ActorNode, AnimatedMessageEdge, type BaseNodeData, CHANNEL, COMMAND, type Channel, type ChannelNode, _default$c as Command, type CommandNode, type ContextMenuItem, _default$9 as CustomNode, DATA, type Data, type DataNode, _default$n as DataProductNode, _default$8 as DomainNode, type DslGraph, EVENT, type EdgeType, _default$7 as EntityNode, _default$b as Event, type EventCatalogResource, type EventNode, type ExternalSystem, _default$2 as ExternalSystem2Node, type ExternalSystemNode, _default$l as Field, type FieldNode as FieldNodeType, _default$1 as FlowEdge, _default$m as FlowExpandedNode, _default$6 as FlowNode, FocusModeModal, type GraphEdge, type GraphEdgeType, type GraphNode, _default$5 as GroupNode, MESSAGE, type MermaidExportOptions, MermaidView, type Message, _default$o as MessageGroupExpandedNode, type MessageGroupExpandedNodeData, _default$p as MessageGroupNode, type MessageGroupNodeData, type MessageGroupNode as MessageGroupNodeType, _default as MultilineEdgeLabel, type NodeCategory, type NodeConfiguration, _default$q as NodeContextMenu, NodeGraph, type NodeGraphProps, type NodeType, _default$f as Note, type NoteNode, NotesIndicator, OwnerIndicator, QUERY, _default$d as Query, type QueryNode, type RegisteredNode, SERVICE, _default$e as Service, type ServiceNode, type Service as ServiceType, _default$4 as StepNode, _default$r as StepWalkthrough, _default$3 as UserNode, VIEW, type View, type ViewNode, VisualiserSearch, type VisualizerCallbacks, type VisualizerLink, type VisualizerMode, _default$i as actorConfig, buildNodeData, calculatedNodes, convertToMermaid, createDagreGraph, createEdge, createNode, _default$h as dataNodeConfig, edgeTypes, _default$a as eventConfig, exportNodeGraphForStudio, _default$g as externalSystemConfig, _default$k as fieldConfig, generateIdForNode, generateIdForNodes, generatedIdForEdge, getColorFromString, getEdgeLabelForMessageAsSource, getEdgeLabelForServiceAsTarget, getNodesAndEdgesFromDagre, layoutGraph, nodeComponents, nodeConfigs, normalizeOwners };
|
package/dist/index.d.ts
CHANGED
|
@@ -330,37 +330,46 @@ interface MermaidViewProps {
|
|
|
330
330
|
}
|
|
331
331
|
declare const MermaidView: ({ nodes, edges, maxTextSize, }: MermaidViewProps) => react_jsx_runtime.JSX.Element;
|
|
332
332
|
|
|
333
|
-
interface
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
}
|
|
337
|
-
interface ServiceData {
|
|
338
|
-
name: string;
|
|
339
|
-
version?: string;
|
|
340
|
-
}
|
|
341
|
-
interface DomainData {
|
|
342
|
-
name: string;
|
|
343
|
-
version?: string;
|
|
344
|
-
}
|
|
345
|
-
interface EntityData {
|
|
346
|
-
name: string;
|
|
333
|
+
interface ResourceData {
|
|
334
|
+
id?: string;
|
|
335
|
+
name?: string;
|
|
347
336
|
version?: string;
|
|
348
337
|
}
|
|
338
|
+
type MessageData = ResourceData;
|
|
339
|
+
type ServiceData = ResourceData;
|
|
340
|
+
type DomainData = ResourceData;
|
|
341
|
+
type EntityData = ResourceData;
|
|
349
342
|
interface NodeDataContent extends Record<string, unknown> {
|
|
350
343
|
message?: {
|
|
351
|
-
data
|
|
352
|
-
};
|
|
344
|
+
data?: MessageData;
|
|
345
|
+
} & MessageData;
|
|
353
346
|
service?: {
|
|
354
|
-
data
|
|
355
|
-
};
|
|
347
|
+
data?: ServiceData;
|
|
348
|
+
} & ServiceData;
|
|
356
349
|
domain?: {
|
|
357
|
-
data
|
|
358
|
-
};
|
|
350
|
+
data?: DomainData;
|
|
351
|
+
} & DomainData;
|
|
359
352
|
entity?: {
|
|
360
|
-
data
|
|
361
|
-
};
|
|
353
|
+
data?: EntityData;
|
|
354
|
+
} & EntityData;
|
|
355
|
+
channel?: {
|
|
356
|
+
data?: ResourceData;
|
|
357
|
+
} & ResourceData;
|
|
358
|
+
dataProduct?: {
|
|
359
|
+
data?: ResourceData;
|
|
360
|
+
} & ResourceData;
|
|
361
|
+
data?: ResourceData;
|
|
362
362
|
name?: string;
|
|
363
363
|
version?: string;
|
|
364
|
+
groupName?: string;
|
|
365
|
+
messages?: Array<{
|
|
366
|
+
message?: {
|
|
367
|
+
collection?: string;
|
|
368
|
+
data?: MessageData & {
|
|
369
|
+
id?: string;
|
|
370
|
+
};
|
|
371
|
+
};
|
|
372
|
+
}>;
|
|
364
373
|
}
|
|
365
374
|
type CustomNode$1 = Node<NodeDataContent>;
|
|
366
375
|
interface VisualiserSearchProps {
|
|
@@ -425,7 +434,7 @@ interface StepWalkthroughProps {
|
|
|
425
434
|
onStepChange: (nodeId: string | null, highlightPaths?: string[], shouldZoomOut?: boolean) => void;
|
|
426
435
|
mode?: "full" | "simple";
|
|
427
436
|
}
|
|
428
|
-
declare const _default$
|
|
437
|
+
declare const _default$r: react__default.NamedExoticComponent<StepWalkthroughProps>;
|
|
429
438
|
|
|
430
439
|
interface FocusModeModalProps {
|
|
431
440
|
isOpen: boolean;
|
|
@@ -442,7 +451,7 @@ interface NodeContextMenuProps {
|
|
|
442
451
|
items: ContextMenuItem[];
|
|
443
452
|
children: React.ReactNode;
|
|
444
453
|
}
|
|
445
|
-
declare const _default$
|
|
454
|
+
declare const _default$q: react.NamedExoticComponent<NodeContextMenuProps>;
|
|
446
455
|
|
|
447
456
|
type MessageGroupNodeData = {
|
|
448
457
|
mode?: string;
|
|
@@ -460,7 +469,7 @@ type MessageGroupNodeData = {
|
|
|
460
469
|
};
|
|
461
470
|
};
|
|
462
471
|
type MessageGroupNode = Node<MessageGroupNodeData, "messageGroup">;
|
|
463
|
-
declare const _default$
|
|
472
|
+
declare const _default$p: react.NamedExoticComponent<MessageGroupNode>;
|
|
464
473
|
|
|
465
474
|
type MessageGroupExpandedNodeData = {
|
|
466
475
|
groupName: string;
|
|
@@ -468,7 +477,7 @@ type MessageGroupExpandedNodeData = {
|
|
|
468
477
|
messageCount: number;
|
|
469
478
|
onCollapse?: string;
|
|
470
479
|
};
|
|
471
|
-
declare const _default$
|
|
480
|
+
declare const _default$o: react.NamedExoticComponent<{
|
|
472
481
|
data: MessageGroupExpandedNodeData;
|
|
473
482
|
}>;
|
|
474
483
|
|
|
@@ -494,7 +503,15 @@ type DataProductNodeData = EventCatalogResource & {
|
|
|
494
503
|
};
|
|
495
504
|
};
|
|
496
505
|
type DataProductNode = Node<DataProductNodeData, "data-product">;
|
|
497
|
-
declare const _default$
|
|
506
|
+
declare const _default$n: react.NamedExoticComponent<DataProductNode>;
|
|
507
|
+
|
|
508
|
+
type FlowExpandedNodeData = {
|
|
509
|
+
flowName?: string;
|
|
510
|
+
version?: string;
|
|
511
|
+
};
|
|
512
|
+
declare const _default$m: react.NamedExoticComponent<{
|
|
513
|
+
data: FlowExpandedNodeData;
|
|
514
|
+
}>;
|
|
498
515
|
|
|
499
516
|
type FieldNodeData = {
|
|
500
517
|
name: string;
|
|
@@ -652,6 +669,9 @@ declare const nodeComponents: {
|
|
|
652
669
|
domain: react.NamedExoticComponent<any>;
|
|
653
670
|
entity: react.NamedExoticComponent<any>;
|
|
654
671
|
flow: react.NamedExoticComponent<any>;
|
|
672
|
+
flowExpanded: react.NamedExoticComponent<{
|
|
673
|
+
data: FlowExpandedNodeData;
|
|
674
|
+
}>;
|
|
655
675
|
group: react.NamedExoticComponent<_xyflow_react.NodeProps>;
|
|
656
676
|
step: react.NamedExoticComponent<any>;
|
|
657
677
|
user: react.NamedExoticComponent<any>;
|
|
@@ -745,4 +765,4 @@ declare function layoutGraph(nodes: GraphNode[], edges: GraphEdge[], options?: {
|
|
|
745
765
|
edges: Edge[];
|
|
746
766
|
};
|
|
747
767
|
|
|
748
|
-
export { ACTOR, _default$j as Actor, type ActorNode, AnimatedMessageEdge, type BaseNodeData, CHANNEL, COMMAND, type Channel, type ChannelNode, _default$c as Command, type CommandNode, type ContextMenuItem, _default$9 as CustomNode, DATA, type Data, type DataNode, _default$
|
|
768
|
+
export { ACTOR, _default$j as Actor, type ActorNode, AnimatedMessageEdge, type BaseNodeData, CHANNEL, COMMAND, type Channel, type ChannelNode, _default$c as Command, type CommandNode, type ContextMenuItem, _default$9 as CustomNode, DATA, type Data, type DataNode, _default$n as DataProductNode, _default$8 as DomainNode, type DslGraph, EVENT, type EdgeType, _default$7 as EntityNode, _default$b as Event, type EventCatalogResource, type EventNode, type ExternalSystem, _default$2 as ExternalSystem2Node, type ExternalSystemNode, _default$l as Field, type FieldNode as FieldNodeType, _default$1 as FlowEdge, _default$m as FlowExpandedNode, _default$6 as FlowNode, FocusModeModal, type GraphEdge, type GraphEdgeType, type GraphNode, _default$5 as GroupNode, MESSAGE, type MermaidExportOptions, MermaidView, type Message, _default$o as MessageGroupExpandedNode, type MessageGroupExpandedNodeData, _default$p as MessageGroupNode, type MessageGroupNodeData, type MessageGroupNode as MessageGroupNodeType, _default as MultilineEdgeLabel, type NodeCategory, type NodeConfiguration, _default$q as NodeContextMenu, NodeGraph, type NodeGraphProps, type NodeType, _default$f as Note, type NoteNode, NotesIndicator, OwnerIndicator, QUERY, _default$d as Query, type QueryNode, type RegisteredNode, SERVICE, _default$e as Service, type ServiceNode, type Service as ServiceType, _default$4 as StepNode, _default$r as StepWalkthrough, _default$3 as UserNode, VIEW, type View, type ViewNode, VisualiserSearch, type VisualizerCallbacks, type VisualizerLink, type VisualizerMode, _default$i as actorConfig, buildNodeData, calculatedNodes, convertToMermaid, createDagreGraph, createEdge, createNode, _default$h as dataNodeConfig, edgeTypes, _default$a as eventConfig, exportNodeGraphForStudio, _default$g as externalSystemConfig, _default$k as fieldConfig, generateIdForNode, generateIdForNodes, generatedIdForEdge, getColorFromString, getEdgeLabelForMessageAsSource, getEdgeLabelForServiceAsTarget, getNodesAndEdgesFromDagre, layoutGraph, nodeComponents, nodeConfigs, normalizeOwners };
|