@principal-ai/subsystems-react 0.21.0 → 0.22.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/graphify/consolidated.d.ts +5 -24
- package/dist/graphify/consolidated.d.ts.map +1 -1
- package/dist/graphify/index.d.ts +1 -1
- package/dist/graphify/index.d.ts.map +1 -1
- package/dist/graphify/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/pierre/PierreSnippetView.d.ts.map +1 -1
- package/dist/pierre/PierreSnippetView.js +4 -19
- package/dist/pierre/PierreSnippetView.js.map +1 -1
- package/dist/pierre/PierreWalkthroughCodeView.d.ts.map +1 -1
- package/dist/pierre/PierreWalkthroughCodeView.js +20 -3
- package/dist/pierre/PierreWalkthroughCodeView.js.map +1 -1
- package/dist/pierre/constructColors.d.ts.map +1 -1
- package/dist/pierre/constructColors.js +0 -5
- package/dist/pierre/constructColors.js.map +1 -1
- package/dist/pierre/index.d.ts +1 -1
- package/dist/pierre/index.d.ts.map +1 -1
- package/dist/pierre/index.js +1 -1
- package/dist/pierre/index.js.map +1 -1
- package/dist/pierre/sliceSnippet.d.ts +6 -0
- package/dist/pierre/sliceSnippet.d.ts.map +1 -1
- package/dist/pierre/sliceSnippet.js +25 -0
- package/dist/pierre/sliceSnippet.js.map +1 -1
- package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts.map +1 -1
- package/dist/stories/Subsystem/ComponentGraph/fixtures.js +0 -3
- package/dist/stories/Subsystem/ComponentGraph/fixtures.js.map +1 -1
- package/dist/subsystem/formatDeclaration.d.ts.map +1 -1
- package/dist/subsystem/formatDeclaration.js +0 -15
- package/dist/subsystem/formatDeclaration.js.map +1 -1
- package/dist/subsystem/model.d.ts +61 -22
- package/dist/subsystem/model.d.ts.map +1 -1
- package/dist/subsystem/model.js +186 -63
- package/dist/subsystem/model.js.map +1 -1
- package/dist/subsystem/nodes.d.ts +3 -4
- package/dist/subsystem/nodes.d.ts.map +1 -1
- package/dist/subsystem/nodes.js +5 -6
- package/dist/subsystem/nodes.js.map +1 -1
- package/dist/utils/elkLayout.d.ts +6 -4
- package/dist/utils/elkLayout.d.ts.map +1 -1
- package/dist/utils/elkLayout.js +144 -54
- package/dist/utils/elkLayout.js.map +1 -1
- package/package.json +3 -3
- package/src/graphify/consolidated.ts +4 -26
- package/src/graphify/index.ts +0 -2
- package/src/index.ts +0 -2
- package/src/pierre/PierreSnippetView.tsx +4 -18
- package/src/pierre/PierreWalkthroughCodeView.tsx +39 -3
- package/src/pierre/constructColors.test.ts +1 -2
- package/src/pierre/constructColors.ts +0 -5
- package/src/pierre/index.ts +1 -1
- package/src/pierre/sliceSnippet.test.ts +44 -1
- package/src/pierre/sliceSnippet.ts +28 -0
- package/src/stories/Subsystem/ComponentDeclarationAudit.stories.tsx +0 -31
- package/src/stories/Subsystem/ComponentGraph/Appearance.stories.tsx +2 -46
- package/src/stories/Subsystem/ComponentGraph/Captures.stories.tsx +9 -24
- package/src/stories/Subsystem/ComponentGraph/DetailPanel.stories.tsx +2 -2
- package/src/stories/Subsystem/ComponentGraph/Modules.stories.tsx +287 -0
- package/src/stories/Subsystem/ComponentGraph/Processes.stories.tsx +1 -1
- package/src/stories/Subsystem/ComponentGraph/Scenarios.stories.tsx +6 -6
- package/src/stories/Subsystem/ComponentGraph/fixtures.ts +0 -3
- package/src/subsystem/formatDeclaration.ts +0 -19
- package/src/subsystem/model.test.ts +190 -9
- package/src/subsystem/model.ts +219 -73
- package/src/subsystem/nodes.tsx +6 -6
- package/src/utils/elkLayout.ts +148 -58
- package/dist/components/ConfigurationSelector.d.ts +0 -35
- package/dist/components/ConfigurationSelector.d.ts.map +0 -1
- package/dist/components/ConfigurationSelector.js +0 -63
- package/dist/components/ConfigurationSelector.js.map +0 -1
- package/dist/components/GraphRenderer.d.ts +0 -295
- package/dist/components/GraphRenderer.d.ts.map +0 -1
- package/dist/components/GraphRenderer.js +0 -2008
- package/dist/components/GraphRenderer.js.map +0 -1
- package/dist/components/MultiCanvasRenderer.d.ts +0 -75
- package/dist/components/MultiCanvasRenderer.d.ts.map +0 -1
- package/dist/components/MultiCanvasRenderer.js +0 -203
- package/dist/components/MultiCanvasRenderer.js.map +0 -1
- package/dist/components/NodeTooltip.d.ts +0 -24
- package/dist/components/NodeTooltip.d.ts.map +0 -1
- package/dist/components/NodeTooltip.js +0 -160
- package/dist/components/NodeTooltip.js.map +0 -1
- package/dist/components/SelectionSidebar.d.ts +0 -18
- package/dist/components/SelectionSidebar.d.ts.map +0 -1
- package/dist/components/SelectionSidebar.js +0 -190
- package/dist/components/SelectionSidebar.js.map +0 -1
- package/dist/components/SequenceDiagramRenderer.d.ts +0 -77
- package/dist/components/SequenceDiagramRenderer.d.ts.map +0 -1
- package/dist/components/SequenceDiagramRenderer.js +0 -604
- package/dist/components/SequenceDiagramRenderer.js.map +0 -1
- package/dist/components/WorkflowSequenceDiagram.d.ts +0 -63
- package/dist/components/WorkflowSequenceDiagram.d.ts.map +0 -1
- package/dist/components/WorkflowSequenceDiagram.js +0 -147
- package/dist/components/WorkflowSequenceDiagram.js.map +0 -1
- package/dist/components/dashboard/DashboardRenderer.d.ts +0 -10
- package/dist/components/dashboard/DashboardRenderer.d.ts.map +0 -1
- package/dist/components/dashboard/DashboardRenderer.js +0 -179
- package/dist/components/dashboard/DashboardRenderer.js.map +0 -1
- package/dist/components/dashboard/MetricPanel.d.ts +0 -10
- package/dist/components/dashboard/MetricPanel.d.ts.map +0 -1
- package/dist/components/dashboard/MetricPanel.js +0 -103
- package/dist/components/dashboard/MetricPanel.js.map +0 -1
- package/dist/components/dashboard/MockDataProvider.d.ts +0 -30
- package/dist/components/dashboard/MockDataProvider.d.ts.map +0 -1
- package/dist/components/dashboard/MockDataProvider.js +0 -270
- package/dist/components/dashboard/MockDataProvider.js.map +0 -1
- package/dist/components/dashboard/components/BarChart.d.ts +0 -10
- package/dist/components/dashboard/components/BarChart.d.ts.map +0 -1
- package/dist/components/dashboard/components/BarChart.js +0 -167
- package/dist/components/dashboard/components/BarChart.js.map +0 -1
- package/dist/components/dashboard/components/LineChart.d.ts +0 -10
- package/dist/components/dashboard/components/LineChart.d.ts.map +0 -1
- package/dist/components/dashboard/components/LineChart.js +0 -141
- package/dist/components/dashboard/components/LineChart.js.map +0 -1
- package/dist/components/dashboard/components/MetricCard.d.ts +0 -9
- package/dist/components/dashboard/components/MetricCard.d.ts.map +0 -1
- package/dist/components/dashboard/components/MetricCard.js +0 -163
- package/dist/components/dashboard/components/MetricCard.js.map +0 -1
- package/dist/components/dashboard/components/SourceLink.d.ts +0 -9
- package/dist/components/dashboard/components/SourceLink.d.ts.map +0 -1
- package/dist/components/dashboard/components/SourceLink.js +0 -39
- package/dist/components/dashboard/components/SourceLink.js.map +0 -1
- package/dist/components/dashboard/components/TimeRangeSelector.d.ts +0 -9
- package/dist/components/dashboard/components/TimeRangeSelector.d.ts.map +0 -1
- package/dist/components/dashboard/components/TimeRangeSelector.js +0 -167
- package/dist/components/dashboard/components/TimeRangeSelector.js.map +0 -1
- package/dist/components/dashboard/components/index.d.ts +0 -6
- package/dist/components/dashboard/components/index.d.ts.map +0 -1
- package/dist/components/dashboard/components/index.js +0 -6
- package/dist/components/dashboard/components/index.js.map +0 -1
- package/dist/components/dashboard/index.d.ts +0 -6
- package/dist/components/dashboard/index.d.ts.map +0 -1
- package/dist/components/dashboard/index.js +0 -8
- package/dist/components/dashboard/index.js.map +0 -1
- package/dist/components/dashboard/types.d.ts +0 -74
- package/dist/components/dashboard/types.d.ts.map +0 -1
- package/dist/components/dashboard/types.js +0 -8
- package/dist/components/dashboard/types.js.map +0 -1
- package/dist/components/state-view/PipelineView.d.ts +0 -14
- package/dist/components/state-view/PipelineView.d.ts.map +0 -1
- package/dist/components/state-view/PipelineView.js +0 -195
- package/dist/components/state-view/PipelineView.js.map +0 -1
- package/dist/components/state-view/index.d.ts +0 -14
- package/dist/components/state-view/index.d.ts.map +0 -1
- package/dist/components/state-view/index.js +0 -12
- package/dist/components/state-view/index.js.map +0 -1
- package/dist/components/state-view/types.d.ts +0 -188
- package/dist/components/state-view/types.d.ts.map +0 -1
- package/dist/components/state-view/types.js +0 -10
- package/dist/components/state-view/types.js.map +0 -1
- package/dist/components/state-view/useStateView.d.ts +0 -32
- package/dist/components/state-view/useStateView.d.ts.map +0 -1
- package/dist/components/state-view/useStateView.js +0 -129
- package/dist/components/state-view/useStateView.js.map +0 -1
- package/dist/contexts/GraphEditContext.d.ts +0 -20
- package/dist/contexts/GraphEditContext.d.ts.map +0 -1
- package/dist/contexts/GraphEditContext.js +0 -8
- package/dist/contexts/GraphEditContext.js.map +0 -1
- package/dist/contexts/TooltipPortalContext.d.ts +0 -8
- package/dist/contexts/TooltipPortalContext.d.ts.map +0 -1
- package/dist/contexts/TooltipPortalContext.js +0 -8
- package/dist/contexts/TooltipPortalContext.js.map +0 -1
- package/dist/edges/CustomEdge.d.ts +0 -24
- package/dist/edges/CustomEdge.d.ts.map +0 -1
- package/dist/edges/CustomEdge.js +0 -222
- package/dist/edges/CustomEdge.js.map +0 -1
- package/dist/edges/GenericEdge.d.ts +0 -18
- package/dist/edges/GenericEdge.d.ts.map +0 -1
- package/dist/edges/GenericEdge.js +0 -10
- package/dist/edges/GenericEdge.js.map +0 -1
- package/dist/graphify/kind.d.ts +0 -23
- package/dist/graphify/kind.d.ts.map +0 -1
- package/dist/graphify/kind.js +0 -77
- package/dist/graphify/kind.js.map +0 -1
- package/dist/hooks/usePathBasedEvents.d.ts +0 -42
- package/dist/hooks/usePathBasedEvents.d.ts.map +0 -1
- package/dist/hooks/usePathBasedEvents.js +0 -119
- package/dist/hooks/usePathBasedEvents.js.map +0 -1
- package/dist/hooks/useSequenceLayout.d.ts +0 -186
- package/dist/hooks/useSequenceLayout.d.ts.map +0 -1
- package/dist/hooks/useSequenceLayout.js +0 -327
- package/dist/hooks/useSequenceLayout.js.map +0 -1
- package/dist/hooks/useUndoRedo.d.ts +0 -80
- package/dist/hooks/useUndoRedo.d.ts.map +0 -1
- package/dist/hooks/useUndoRedo.js +0 -70
- package/dist/hooks/useUndoRedo.js.map +0 -1
- package/dist/nodes/CustomNode.d.ts +0 -28
- package/dist/nodes/CustomNode.d.ts.map +0 -1
- package/dist/nodes/CustomNode.js +0 -820
- package/dist/nodes/CustomNode.js.map +0 -1
- package/dist/nodes/GenericNode.d.ts +0 -20
- package/dist/nodes/GenericNode.d.ts.map +0 -1
- package/dist/nodes/GenericNode.js +0 -20
- package/dist/nodes/GenericNode.js.map +0 -1
- package/dist/nodes/otel/OtelBoundaryNode.d.ts +0 -55
- package/dist/nodes/otel/OtelBoundaryNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelBoundaryNode.js +0 -81
- package/dist/nodes/otel/OtelBoundaryNode.js.map +0 -1
- package/dist/nodes/otel/OtelEventNode.d.ts +0 -59
- package/dist/nodes/otel/OtelEventNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelEventNode.js +0 -82
- package/dist/nodes/otel/OtelEventNode.js.map +0 -1
- package/dist/nodes/otel/OtelResourceNode.d.ts +0 -53
- package/dist/nodes/otel/OtelResourceNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelResourceNode.js +0 -105
- package/dist/nodes/otel/OtelResourceNode.js.map +0 -1
- package/dist/nodes/otel/OtelScopeNode.d.ts +0 -53
- package/dist/nodes/otel/OtelScopeNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelScopeNode.js +0 -81
- package/dist/nodes/otel/OtelScopeNode.js.map +0 -1
- package/dist/nodes/otel/OtelSpanConventionNode.d.ts +0 -61
- package/dist/nodes/otel/OtelSpanConventionNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelSpanConventionNode.js +0 -131
- package/dist/nodes/otel/OtelSpanConventionNode.js.map +0 -1
- package/dist/nodes/otel/index.d.ts +0 -17
- package/dist/nodes/otel/index.d.ts.map +0 -1
- package/dist/nodes/otel/index.js +0 -13
- package/dist/nodes/otel/index.js.map +0 -1
- package/dist/nodes/otel/shared/NodeBadges.d.ts +0 -10
- package/dist/nodes/otel/shared/NodeBadges.d.ts.map +0 -1
- package/dist/nodes/otel/shared/NodeBadges.js +0 -178
- package/dist/nodes/otel/shared/NodeBadges.js.map +0 -1
- package/dist/nodes/otel/shared/NodeContent.d.ts +0 -10
- package/dist/nodes/otel/shared/NodeContent.d.ts.map +0 -1
- package/dist/nodes/otel/shared/NodeContent.js +0 -96
- package/dist/nodes/otel/shared/NodeContent.js.map +0 -1
- package/dist/nodes/otel/shared/index.d.ts +0 -8
- package/dist/nodes/otel/shared/index.d.ts.map +0 -1
- package/dist/nodes/otel/shared/index.js +0 -8
- package/dist/nodes/otel/shared/index.js.map +0 -1
- package/dist/nodes/otel/shared/types.d.ts +0 -129
- package/dist/nodes/otel/shared/types.d.ts.map +0 -1
- package/dist/nodes/otel/shared/types.js +0 -5
- package/dist/nodes/otel/shared/types.js.map +0 -1
- package/dist/nodes/otel/shared/useNodeBehavior.d.ts +0 -42
- package/dist/nodes/otel/shared/useNodeBehavior.d.ts.map +0 -1
- package/dist/nodes/otel/shared/useNodeBehavior.js +0 -61
- package/dist/nodes/otel/shared/useNodeBehavior.js.map +0 -1
- package/dist/pierre/PierreThroughlineCodeView.d.ts +0 -22
- package/dist/pierre/PierreThroughlineCodeView.d.ts.map +0 -1
- package/dist/pierre/PierreThroughlineCodeView.js +0 -206
- package/dist/pierre/PierreThroughlineCodeView.js.map +0 -1
- package/dist/subsystem/SubsystemCarousel.d.ts +0 -36
- package/dist/subsystem/SubsystemCarousel.d.ts.map +0 -1
- package/dist/subsystem/SubsystemCarousel.js +0 -163
- package/dist/subsystem/SubsystemCarousel.js.map +0 -1
- package/dist/utils/animationMapping.d.ts +0 -53
- package/dist/utils/animationMapping.d.ts.map +0 -1
- package/dist/utils/animationMapping.js +0 -126
- package/dist/utils/animationMapping.js.map +0 -1
- package/dist/utils/canvasBounds.d.ts +0 -50
- package/dist/utils/canvasBounds.d.ts.map +0 -1
- package/dist/utils/canvasBounds.js +0 -88
- package/dist/utils/canvasBounds.js.map +0 -1
- package/dist/utils/graphConverter.d.ts +0 -18
- package/dist/utils/graphConverter.d.ts.map +0 -1
- package/dist/utils/graphConverter.js +0 -114
- package/dist/utils/graphConverter.js.map +0 -1
- package/dist/utils/iconResolver.d.ts +0 -29
- package/dist/utils/iconResolver.d.ts.map +0 -1
- package/dist/utils/iconResolver.js +0 -30
- package/dist/utils/iconResolver.js.map +0 -1
- package/dist/utils/orientationUtils.d.ts +0 -19
- package/dist/utils/orientationUtils.d.ts.map +0 -1
- package/dist/utils/orientationUtils.js +0 -62
- package/dist/utils/orientationUtils.js.map +0 -1
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Workflow Sequence Diagram
|
|
3
|
-
*
|
|
4
|
-
* A wrapper around SequenceDiagramRenderer that handles conversion from
|
|
5
|
-
* workflow scenarios to sequence diagram format, following the graph-to-sequence
|
|
6
|
-
* model where participants are scopes and events are move/transform operations.
|
|
7
|
-
*/
|
|
8
|
-
/// <reference types="react" />
|
|
9
|
-
import type { WorkflowScenario, Canvas, ExtendedCanvas } from '@principal-ai/subsystems-core';
|
|
10
|
-
import type { UseSequenceLayoutOptions } from '../hooks/useSequenceLayout';
|
|
11
|
-
/**
|
|
12
|
-
* Props for WorkflowSequenceDiagram
|
|
13
|
-
*/
|
|
14
|
-
export interface WorkflowSequenceDiagramProps {
|
|
15
|
-
/** Workflow scenario to visualize */
|
|
16
|
-
scenario: WorkflowScenario;
|
|
17
|
-
/** Optional canvas for extracting scope metadata from OTEL nodes */
|
|
18
|
-
canvas?: Canvas | ExtendedCanvas | null;
|
|
19
|
-
/** Optional height for the diagram */
|
|
20
|
-
height?: number | string;
|
|
21
|
-
/** Optional width for the diagram */
|
|
22
|
-
width?: number | string;
|
|
23
|
-
/** Layout options for the sequence diagram */
|
|
24
|
-
layoutOptions?: UseSequenceLayoutOptions;
|
|
25
|
-
/** Whether to show controls */
|
|
26
|
-
showControls?: boolean;
|
|
27
|
-
/** Whether to show background grid */
|
|
28
|
-
showBackground?: boolean;
|
|
29
|
-
/** Optional class name */
|
|
30
|
-
className?: string;
|
|
31
|
-
/** Callback when an event node is clicked - receives the event index (0-based) */
|
|
32
|
-
onEventIndexChange?: (eventIndex: number) => void;
|
|
33
|
-
/** Currently selected event index (0-based) for visual highlighting */
|
|
34
|
-
selectedEventIndex?: number;
|
|
35
|
-
/** Whether to show event labels on nodes (default: false, labels already shown on edges) */
|
|
36
|
-
showEventLabels?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* When true, render the diagram chrome (canvas background, swimlane fills,
|
|
39
|
-
* header backgrounds) as transparent so the diagram can be composited over
|
|
40
|
-
* an arbitrary backdrop. Defaults to `false`.
|
|
41
|
-
*/
|
|
42
|
-
transparent?: boolean;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* WorkflowSequenceDiagram Component
|
|
46
|
-
*
|
|
47
|
-
* Renders a workflow scenario as a sequence diagram, automatically extracting
|
|
48
|
-
* participant scopes from the canvas and distinguishing between move events
|
|
49
|
-
* (cross-participant communication) and transform events (internal processing).
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* ```tsx
|
|
53
|
-
* <WorkflowSequenceDiagram
|
|
54
|
-
* scenario={workflowScenario}
|
|
55
|
-
* canvas={otelCanvas}
|
|
56
|
-
* height={600}
|
|
57
|
-
* layoutOptions={{ eventSpacing: 80 }}
|
|
58
|
-
* />
|
|
59
|
-
* ```
|
|
60
|
-
*/
|
|
61
|
-
export declare function WorkflowSequenceDiagram({ scenario, canvas, height, width, layoutOptions, showControls, showBackground, className, onEventIndexChange, selectedEventIndex, showEventLabels, // Default to false - labels already on edges
|
|
62
|
-
transparent, }: WorkflowSequenceDiagramProps): import("react").JSX.Element;
|
|
63
|
-
//# sourceMappingURL=WorkflowSequenceDiagram.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowSequenceDiagram.d.ts","sourceRoot":"","sources":["../../src/components/WorkflowSequenceDiagram.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAG9F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,qCAAqC;IACrC,QAAQ,EAAE,gBAAgB,CAAC;IAE3B,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAAC;IAExC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,4FAA4F;IAC5F,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAsHD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,MAAM,EACN,MAAY,EACZ,KAAc,EACd,aAAa,EACb,YAAmB,EACnB,cAAsB,EACtB,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,eAAuB,EAAE,6CAA6C;AACtE,WAAmB,GACpB,EAAE,4BAA4B,+BAgE9B"}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Workflow Sequence Diagram
|
|
4
|
-
*
|
|
5
|
-
* A wrapper around SequenceDiagramRenderer that handles conversion from
|
|
6
|
-
* workflow scenarios to sequence diagram format, following the graph-to-sequence
|
|
7
|
-
* model where participants are scopes and events are move/transform operations.
|
|
8
|
-
*/
|
|
9
|
-
import { useMemo, useCallback } from 'react';
|
|
10
|
-
import { SequenceDiagramRenderer } from './SequenceDiagramRenderer';
|
|
11
|
-
/**
|
|
12
|
-
* Type guard to check if a node is an OTEL event node
|
|
13
|
-
*/
|
|
14
|
-
function isOtelEventNode(node) {
|
|
15
|
-
return node?.type === 'otel-event' && node?.event?.name;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Type guard to check if a node is an OTEL participant node
|
|
19
|
-
*/
|
|
20
|
-
function isOtelParticipantNode(node) {
|
|
21
|
-
return node?.type === 'otel-participant' && node?.participant?.name;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Convert workflow scenario to sequence diagram format
|
|
25
|
-
*/
|
|
26
|
-
function convertWorkflowToSequence(scenario, canvas) {
|
|
27
|
-
// Extract event names from scenario template
|
|
28
|
-
const templateEvents = scenario.template.events || {};
|
|
29
|
-
const eventNames = Object.keys(templateEvents);
|
|
30
|
-
if (eventNames.length === 0) {
|
|
31
|
-
return { events: [], edges: [] };
|
|
32
|
-
}
|
|
33
|
-
// Build maps from canvas metadata
|
|
34
|
-
const eventToScopeMap = new Map();
|
|
35
|
-
const eventToLabelMap = new Map();
|
|
36
|
-
const eventToMoveEventMap = new Map();
|
|
37
|
-
if (canvas?.nodes) {
|
|
38
|
-
for (const node of canvas.nodes) {
|
|
39
|
-
// Type guard narrowing - we know the structure but Canvas type doesn't include OTEL specifics
|
|
40
|
-
const nodeData = node;
|
|
41
|
-
// Handle OTEL event nodes
|
|
42
|
-
if (isOtelEventNode(nodeData)) {
|
|
43
|
-
const eventName = nodeData.event.name;
|
|
44
|
-
if (nodeData.otel?.scope) {
|
|
45
|
-
eventToScopeMap.set(eventName, nodeData.otel.scope);
|
|
46
|
-
}
|
|
47
|
-
if (nodeData.label) {
|
|
48
|
-
eventToLabelMap.set(eventName, nodeData.label);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
// Handle OTEL participant nodes (participant-based model)
|
|
52
|
-
if (isOtelParticipantNode(nodeData)) {
|
|
53
|
-
const scope = nodeData.participant.scope || nodeData.participant.name;
|
|
54
|
-
// Mark transform events (internal to participant)
|
|
55
|
-
if (nodeData.transformEvents) {
|
|
56
|
-
for (const transformEvent of nodeData.transformEvents) {
|
|
57
|
-
eventToScopeMap.set(transformEvent.name, scope);
|
|
58
|
-
eventToMoveEventMap.set(transformEvent.name, false);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
// Convert to SequenceEvent format
|
|
65
|
-
const events = eventNames.map((eventName, index) => {
|
|
66
|
-
const canvasScope = eventToScopeMap.get(eventName);
|
|
67
|
-
const label = eventToLabelMap.get(eventName) || eventName.split('.').pop() || eventName;
|
|
68
|
-
// Determine if this is a move event
|
|
69
|
-
// Default to true unless explicitly marked as transform event in participant node
|
|
70
|
-
const isMoveEvent = eventToMoveEventMap.get(eventName) ?? true;
|
|
71
|
-
// When the canvas provides a scope, prefix it so the event lands in that
|
|
72
|
-
// participant's lane (the layout uses the first dotted segment as the
|
|
73
|
-
// default lane). Otherwise, use the event name as-is.
|
|
74
|
-
const name = canvasScope ? `${canvasScope}.${eventName}` : eventName;
|
|
75
|
-
const participant = canvasScope ?? eventName.split('.')[0] ?? eventName;
|
|
76
|
-
return {
|
|
77
|
-
id: `event-${index}`,
|
|
78
|
-
name,
|
|
79
|
-
label,
|
|
80
|
-
moveEvent: isMoveEvent,
|
|
81
|
-
participant,
|
|
82
|
-
};
|
|
83
|
-
});
|
|
84
|
-
// Create sequential edges
|
|
85
|
-
const edges = [];
|
|
86
|
-
for (let i = 0; i < events.length - 1; i++) {
|
|
87
|
-
edges.push({
|
|
88
|
-
id: `edge-${i}`,
|
|
89
|
-
fromEvent: events[i].id,
|
|
90
|
-
toEvent: events[i + 1].id,
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
return { events, edges };
|
|
94
|
-
}
|
|
95
|
-
/**
|
|
96
|
-
* WorkflowSequenceDiagram Component
|
|
97
|
-
*
|
|
98
|
-
* Renders a workflow scenario as a sequence diagram, automatically extracting
|
|
99
|
-
* participant scopes from the canvas and distinguishing between move events
|
|
100
|
-
* (cross-participant communication) and transform events (internal processing).
|
|
101
|
-
*
|
|
102
|
-
* @example
|
|
103
|
-
* ```tsx
|
|
104
|
-
* <WorkflowSequenceDiagram
|
|
105
|
-
* scenario={workflowScenario}
|
|
106
|
-
* canvas={otelCanvas}
|
|
107
|
-
* height={600}
|
|
108
|
-
* layoutOptions={{ eventSpacing: 80 }}
|
|
109
|
-
* />
|
|
110
|
-
* ```
|
|
111
|
-
*/
|
|
112
|
-
export function WorkflowSequenceDiagram({ scenario, canvas, height = 600, width = '100%', layoutOptions, showControls = true, showBackground = false, className, onEventIndexChange, selectedEventIndex, showEventLabels = false, // Default to false - labels already on edges
|
|
113
|
-
transparent = false, }) {
|
|
114
|
-
// Convert workflow to sequence format
|
|
115
|
-
const { events, edges } = useMemo(() => convertWorkflowToSequence(scenario, canvas), [scenario, canvas]);
|
|
116
|
-
// Handle node clicks - map sequence node ID back to event index
|
|
117
|
-
const handleNodeClick = useCallback((nodeId) => {
|
|
118
|
-
if (!onEventIndexChange)
|
|
119
|
-
return;
|
|
120
|
-
// Node IDs are in format "event-{index}"
|
|
121
|
-
const match = nodeId.match(/^event-(\d+)$/);
|
|
122
|
-
if (match) {
|
|
123
|
-
const eventIndex = parseInt(match[1], 10);
|
|
124
|
-
onEventIndexChange(eventIndex);
|
|
125
|
-
}
|
|
126
|
-
}, [onEventIndexChange]);
|
|
127
|
-
// Convert selected event index to node ID
|
|
128
|
-
const selectedNodeId = useMemo(() => {
|
|
129
|
-
if (selectedEventIndex === undefined || selectedEventIndex === null)
|
|
130
|
-
return undefined;
|
|
131
|
-
return `event-${selectedEventIndex}`;
|
|
132
|
-
}, [selectedEventIndex]);
|
|
133
|
-
// If no events, show empty state
|
|
134
|
-
if (events.length === 0) {
|
|
135
|
-
return (_jsx("div", { className: className, style: {
|
|
136
|
-
width,
|
|
137
|
-
height,
|
|
138
|
-
display: 'flex',
|
|
139
|
-
alignItems: 'center',
|
|
140
|
-
justifyContent: 'center',
|
|
141
|
-
color: '#888',
|
|
142
|
-
}, children: "No events in workflow" }));
|
|
143
|
-
}
|
|
144
|
-
// Render sequence diagram
|
|
145
|
-
return (_jsx(SequenceDiagramRenderer, { events: events, edges: edges, height: height, width: width, layoutOptions: layoutOptions, showControls: showControls, showBackground: showBackground, className: className, onNodeClick: onEventIndexChange ? handleNodeClick : undefined, selectedNodeId: selectedNodeId, showEventLabels: showEventLabels, transparent: transparent }));
|
|
146
|
-
}
|
|
147
|
-
//# sourceMappingURL=WorkflowSequenceDiagram.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WorkflowSequenceDiagram.js","sourceRoot":"","sources":["../../src/components/WorkflowSequenceDiagram.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DashboardRenderer
|
|
3
|
-
*
|
|
4
|
-
* Main component for rendering a dashboard from a DashboardDefinition.
|
|
5
|
-
* Takes a dashboard definition JSON and a data provider, renders all metrics.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
import type { DashboardRendererProps } from './types';
|
|
9
|
-
export declare function DashboardRenderer({ dashboard, dataProvider, timeRange: controlledTimeRange, onTimeRangeChange, refreshInterval: controlledRefreshInterval, onRefreshIntervalChange, timeRangeConfig, onMetricClick, onSourceClick, }: DashboardRendererProps): import("react").JSX.Element;
|
|
10
|
-
//# sourceMappingURL=DashboardRenderer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/DashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAIH,OAAO,KAAK,EAAE,sBAAsB,EAA4D,MAAM,SAAS,CAAC;AAkChH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,YAAY,EACZ,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,EACjB,eAAe,EAAE,yBAAyB,EAC1C,uBAAuB,EACvB,eAAe,EACf,aAAa,EACb,aAAa,GACd,EAAE,sBAAsB,+BAuQxB"}
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* DashboardRenderer
|
|
4
|
-
*
|
|
5
|
-
* Main component for rendering a dashboard from a DashboardDefinition.
|
|
6
|
-
* Takes a dashboard definition JSON and a data provider, renders all metrics.
|
|
7
|
-
*/
|
|
8
|
-
import { useMemo, useState, useEffect } from 'react';
|
|
9
|
-
import { useTheme } from '@principal-ade/industry-theme';
|
|
10
|
-
import { MetricPanel } from './MetricPanel';
|
|
11
|
-
import { MockDataProvider } from './MockDataProvider';
|
|
12
|
-
import { TimeRangeSelector } from './components';
|
|
13
|
-
function useBreakpoint(breakpoints) {
|
|
14
|
-
const mobileBreak = breakpoints?.mobile ?? 768;
|
|
15
|
-
const tabletBreak = breakpoints?.tablet ?? 1024;
|
|
16
|
-
const [breakpoint, setBreakpoint] = useState(() => {
|
|
17
|
-
if (typeof window === 'undefined')
|
|
18
|
-
return 'desktop';
|
|
19
|
-
const width = window.innerWidth;
|
|
20
|
-
if (width < mobileBreak)
|
|
21
|
-
return 'mobile';
|
|
22
|
-
if (width < tabletBreak)
|
|
23
|
-
return 'tablet';
|
|
24
|
-
return 'desktop';
|
|
25
|
-
});
|
|
26
|
-
useEffect(() => {
|
|
27
|
-
const handleResize = () => {
|
|
28
|
-
const width = window.innerWidth;
|
|
29
|
-
if (width < mobileBreak)
|
|
30
|
-
setBreakpoint('mobile');
|
|
31
|
-
else if (width < tabletBreak)
|
|
32
|
-
setBreakpoint('tablet');
|
|
33
|
-
else
|
|
34
|
-
setBreakpoint('desktop');
|
|
35
|
-
};
|
|
36
|
-
window.addEventListener('resize', handleResize);
|
|
37
|
-
return () => window.removeEventListener('resize', handleResize);
|
|
38
|
-
}, [mobileBreak, tabletBreak]);
|
|
39
|
-
return breakpoint;
|
|
40
|
-
}
|
|
41
|
-
export function DashboardRenderer({ dashboard, dataProvider, timeRange: controlledTimeRange, onTimeRangeChange, refreshInterval: controlledRefreshInterval, onRefreshIntervalChange, timeRangeConfig, onMetricClick, onSourceClick, }) {
|
|
42
|
-
const { theme } = useTheme();
|
|
43
|
-
const breakpoint = useBreakpoint(dashboard.layout.breakpoints);
|
|
44
|
-
// Internal state for uncontrolled time range
|
|
45
|
-
const [internalTimeRange, setInternalTimeRange] = useState({
|
|
46
|
-
preset: timeRangeConfig?.defaultRange ?? 'last_1h',
|
|
47
|
-
});
|
|
48
|
-
const [internalRefreshInterval, setInternalRefreshInterval] = useState(timeRangeConfig?.defaultRefresh ?? 'off');
|
|
49
|
-
// Use controlled or internal state
|
|
50
|
-
const timeRange = controlledTimeRange ?? internalTimeRange;
|
|
51
|
-
const refreshInterval = controlledRefreshInterval ?? internalRefreshInterval;
|
|
52
|
-
const handleTimeRangeChange = (range) => {
|
|
53
|
-
if (onTimeRangeChange) {
|
|
54
|
-
onTimeRangeChange(range);
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
setInternalTimeRange(range);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
const handleRefreshIntervalChange = (interval) => {
|
|
61
|
-
if (onRefreshIntervalChange) {
|
|
62
|
-
onRefreshIntervalChange(interval);
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
setInternalRefreshInterval(interval);
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
// Grid configuration
|
|
69
|
-
const gridColumns = dashboard.layout.columns ?? 12;
|
|
70
|
-
const gridGap = dashboard.layout.gap ?? 16;
|
|
71
|
-
// Use provided data provider or create a mock one
|
|
72
|
-
const data = useMemo(() => {
|
|
73
|
-
const provider = dataProvider || new MockDataProvider(dashboard);
|
|
74
|
-
return provider.getAll();
|
|
75
|
-
}, [dashboard, dataProvider]);
|
|
76
|
-
// Build a map of metric ID → metric definition for quick lookup
|
|
77
|
-
const metricsMap = useMemo(() => {
|
|
78
|
-
const map = new Map();
|
|
79
|
-
for (const metric of dashboard.metrics) {
|
|
80
|
-
map.set(metric.id, metric);
|
|
81
|
-
}
|
|
82
|
-
return map;
|
|
83
|
-
}, [dashboard.metrics]);
|
|
84
|
-
const handleSourceClick = (source) => {
|
|
85
|
-
if (onSourceClick) {
|
|
86
|
-
onSourceClick(source);
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
// Default behavior: log to console
|
|
90
|
-
console.log('Source clicked:', source);
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
// Get span for current breakpoint
|
|
94
|
-
const getSpan = (placement, totalPanels) => {
|
|
95
|
-
// Mobile defaults to full width
|
|
96
|
-
if (breakpoint === 'mobile') {
|
|
97
|
-
return placement.spanMobile ?? gridColumns;
|
|
98
|
-
}
|
|
99
|
-
// Tablet uses spanTablet or falls back to span
|
|
100
|
-
if (breakpoint === 'tablet') {
|
|
101
|
-
return placement.spanTablet ?? placement.span ?? Math.floor(gridColumns / Math.min(totalPanels, 2));
|
|
102
|
-
}
|
|
103
|
-
// Desktop uses spanDesktop or span or auto-calculate
|
|
104
|
-
return placement.spanDesktop ?? placement.span ?? Math.floor(gridColumns / Math.min(totalPanels, 3));
|
|
105
|
-
};
|
|
106
|
-
return (_jsxs("div", { style: {
|
|
107
|
-
backgroundColor: theme.colors.background,
|
|
108
|
-
color: theme.colors.text,
|
|
109
|
-
padding: theme.space?.[4] || 24,
|
|
110
|
-
minHeight: '100%',
|
|
111
|
-
fontFamily: theme.fonts.body,
|
|
112
|
-
}, children: [_jsxs("div", { style: { marginBottom: theme.space?.[4] || 24 }, children: [_jsxs("div", { style: {
|
|
113
|
-
display: 'flex',
|
|
114
|
-
justifyContent: 'space-between',
|
|
115
|
-
alignItems: 'flex-start',
|
|
116
|
-
gap: theme.space?.[3] || 16,
|
|
117
|
-
flexWrap: 'wrap',
|
|
118
|
-
}, children: [_jsx("h1", { style: {
|
|
119
|
-
fontSize: theme.fontSizes[4],
|
|
120
|
-
fontWeight: theme.fontWeights.semibold,
|
|
121
|
-
fontFamily: theme.fonts.heading,
|
|
122
|
-
margin: 0,
|
|
123
|
-
color: theme.colors.text,
|
|
124
|
-
}, children: dashboard.name }), _jsx(TimeRangeSelector, { timeRange: timeRange, onTimeRangeChange: handleTimeRangeChange, refreshInterval: refreshInterval, onRefreshIntervalChange: handleRefreshIntervalChange, config: timeRangeConfig })] }), dashboard.description && (_jsx("p", { style: {
|
|
125
|
-
fontSize: theme.fontSizes[1],
|
|
126
|
-
color: theme.colors.textSecondary,
|
|
127
|
-
margin: 0,
|
|
128
|
-
marginTop: theme.space?.[2] || 8,
|
|
129
|
-
marginBottom: theme.space?.[3] || 12,
|
|
130
|
-
lineHeight: theme.lineHeights.body,
|
|
131
|
-
}, children: dashboard.description })), dashboard.externalLinks && Object.keys(dashboard.externalLinks).length > 0 && (_jsx("div", { style: { display: 'flex', gap: theme.space?.[3] || 12 }, children: Object.entries(dashboard.externalLinks).map(([name, url]) => (url && (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", style: {
|
|
132
|
-
fontSize: theme.fontSizes[0],
|
|
133
|
-
color: theme.colors.primary || theme.colors.accent,
|
|
134
|
-
textDecoration: 'none',
|
|
135
|
-
display: 'flex',
|
|
136
|
-
alignItems: 'center',
|
|
137
|
-
gap: 4,
|
|
138
|
-
}, children: [_jsxs("svg", { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [_jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), _jsx("polyline", { points: "15 3 21 3 21 9" }), _jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })] }), name] }, name)))) }))] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: theme.space?.[4] || 24 }, children: dashboard.layout.rows.map((row, rowIndex) => (_jsxs("div", { children: [row.title && (_jsx("h2", { style: {
|
|
139
|
-
fontSize: theme.fontSizes[2],
|
|
140
|
-
fontWeight: theme.fontWeights.medium,
|
|
141
|
-
fontFamily: theme.fonts.heading,
|
|
142
|
-
margin: 0,
|
|
143
|
-
marginBottom: theme.space?.[3] || 12,
|
|
144
|
-
color: theme.colors.text,
|
|
145
|
-
paddingBottom: theme.space?.[2] || 8,
|
|
146
|
-
borderBottom: `1px solid ${theme.colors.border}`,
|
|
147
|
-
}, children: row.title })), _jsx("div", { style: {
|
|
148
|
-
display: 'grid',
|
|
149
|
-
gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,
|
|
150
|
-
gap: gridGap,
|
|
151
|
-
}, children: row.panels.map((panel) => {
|
|
152
|
-
const span = getSpan(panel, row.panels.length);
|
|
153
|
-
const metric = metricsMap.get(panel.id);
|
|
154
|
-
const panelStyle = {
|
|
155
|
-
gridColumn: `span ${span}`,
|
|
156
|
-
minHeight: panel.minHeight,
|
|
157
|
-
height: panel.height === 'auto' ? 'auto' : panel.height,
|
|
158
|
-
};
|
|
159
|
-
if (!metric) {
|
|
160
|
-
return (_jsxs("div", { style: {
|
|
161
|
-
...panelStyle,
|
|
162
|
-
backgroundColor: theme.colors.surface || theme.colors.background,
|
|
163
|
-
border: `1px solid ${theme.colors.error}`,
|
|
164
|
-
borderRadius: theme.radii?.[2] || 8,
|
|
165
|
-
padding: theme.space?.[3] || 16,
|
|
166
|
-
color: theme.colors.error,
|
|
167
|
-
fontSize: theme.fontSizes[1],
|
|
168
|
-
}, children: ["Metric not found: ", panel.id] }, panel.id));
|
|
169
|
-
}
|
|
170
|
-
return (_jsx("div", { style: panelStyle, children: _jsx(MetricPanel, { metric: metric, data: data[panel.id] || { error: 'No data' }, onMetricClick: onMetricClick, onSourceClick: handleSourceClick }) }, panel.id));
|
|
171
|
-
}) })] }, rowIndex))) }), dashboard.owner && (_jsxs("div", { style: {
|
|
172
|
-
marginTop: theme.space?.[5] || 32,
|
|
173
|
-
paddingTop: theme.space?.[3] || 16,
|
|
174
|
-
borderTop: `1px solid ${theme.colors.border}`,
|
|
175
|
-
fontSize: theme.fontSizes[0],
|
|
176
|
-
color: theme.colors.textSecondary,
|
|
177
|
-
}, children: ["Owner: ", dashboard.owner] }))] }));
|
|
178
|
-
}
|
|
179
|
-
//# sourceMappingURL=DashboardRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardRenderer.js","sourceRoot":"","sources":["../../../src/components/dashboard/DashboardRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* MetricPanel
|
|
3
|
-
*
|
|
4
|
-
* Wrapper component that determines which visualization to render
|
|
5
|
-
* based on the metric definition and data.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import type { MetricPanelProps } from './types';
|
|
9
|
-
export declare function MetricPanel({ metric, data, onMetricClick, onSourceClick, }: MetricPanelProps): React.JSX.Element;
|
|
10
|
-
//# sourceMappingURL=MetricPanel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MetricPanel.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/MetricPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,SAAS,CAAC;AAGjB,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,IAAI,EACJ,aAAa,EACb,aAAa,GACd,EAAE,gBAAgB,qBAwFlB"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useTheme } from '@principal-ade/industry-theme';
|
|
3
|
-
import { MetricCard, LineChart, BarChart, SourceLink } from './components';
|
|
4
|
-
export function MetricPanel({ metric, data, onMetricClick, onSourceClick, }) {
|
|
5
|
-
const { theme } = useTheme();
|
|
6
|
-
// Determine which component to use
|
|
7
|
-
const componentType = getComponentType(metric, data);
|
|
8
|
-
// Render loading state
|
|
9
|
-
if (data.loading) {
|
|
10
|
-
return (_jsx("div", { style: {
|
|
11
|
-
backgroundColor: theme.colors.surface || theme.colors.background,
|
|
12
|
-
border: `1px solid ${theme.colors.border}`,
|
|
13
|
-
borderRadius: theme.radii?.[2] || 8,
|
|
14
|
-
padding: theme.space?.[3] || 16,
|
|
15
|
-
minHeight: 100,
|
|
16
|
-
display: 'flex',
|
|
17
|
-
alignItems: 'center',
|
|
18
|
-
justifyContent: 'center',
|
|
19
|
-
fontFamily: theme.fonts.body,
|
|
20
|
-
}, children: _jsx("span", { style: { color: theme.colors.textSecondary, fontSize: theme.fontSizes[1] }, children: "Loading..." }) }));
|
|
21
|
-
}
|
|
22
|
-
// Render error state
|
|
23
|
-
if (data.error) {
|
|
24
|
-
return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [_jsxs("div", { style: {
|
|
25
|
-
backgroundColor: theme.colors.surface || theme.colors.background,
|
|
26
|
-
border: `1px solid ${theme.colors.error}`,
|
|
27
|
-
borderRadius: theme.radii?.[2] || 8,
|
|
28
|
-
padding: theme.space?.[3] || 16,
|
|
29
|
-
fontFamily: theme.fonts.body,
|
|
30
|
-
}, children: [_jsx("div", { style: {
|
|
31
|
-
color: theme.colors.error,
|
|
32
|
-
marginBottom: theme.space?.[2] || 8,
|
|
33
|
-
fontSize: theme.fontSizes[1],
|
|
34
|
-
fontWeight: theme.fontWeights.medium,
|
|
35
|
-
}, children: metric.name }), _jsx("div", { style: { color: theme.colors.textSecondary, fontSize: theme.fontSizes[0] }, children: data.error })] }), metric.sources && metric.sources.length > 0 && onSourceClick && (_jsx("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap' }, children: metric.sources.map((source, i) => (_jsx(SourceLink, { source: source, onClick: onSourceClick }, i))) }))] }));
|
|
36
|
-
}
|
|
37
|
-
const handleClick = () => {
|
|
38
|
-
onMetricClick?.(metric.id);
|
|
39
|
-
};
|
|
40
|
-
return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8 }, children: [renderComponent(componentType, metric, data, handleClick), metric.sources && metric.sources.length > 0 && onSourceClick && (_jsx("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap' }, children: metric.sources.map((source, i) => (_jsx(SourceLink, { source: source, onClick: onSourceClick }, i))) }))] }));
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Determine which component to render based on metric definition and data
|
|
44
|
-
*/
|
|
45
|
-
function getComponentType(metric, data) {
|
|
46
|
-
// Explicit display hint takes precedence
|
|
47
|
-
if (metric.display?.component) {
|
|
48
|
-
return metric.display.component;
|
|
49
|
-
}
|
|
50
|
-
const { type, query } = metric;
|
|
51
|
-
// Time series data → chart
|
|
52
|
-
if (data.series && data.series.length > 0) {
|
|
53
|
-
if (query.groupBy && query.groupBy.length > 0) {
|
|
54
|
-
return 'StackedBarChart';
|
|
55
|
-
}
|
|
56
|
-
return 'LineChart';
|
|
57
|
-
}
|
|
58
|
-
// Histogram data
|
|
59
|
-
if (data.histogram) {
|
|
60
|
-
return 'Histogram';
|
|
61
|
-
}
|
|
62
|
-
// Counter with time grouping → line/bar chart (but no series data yet)
|
|
63
|
-
if (type === 'counter' && query.timeGroup) {
|
|
64
|
-
return query.groupBy?.length ? 'BarChart' : 'LineChart';
|
|
65
|
-
}
|
|
66
|
-
// Gauge (percentage) → gauge or metric card
|
|
67
|
-
if (type === 'gauge') {
|
|
68
|
-
return metric.thresholds ? 'GaugeChart' : 'MetricCard';
|
|
69
|
-
}
|
|
70
|
-
// Default to metric card
|
|
71
|
-
return 'MetricCard';
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Render the appropriate component
|
|
75
|
-
*/
|
|
76
|
-
function renderComponent(componentType, metric, data, onClick) {
|
|
77
|
-
switch (componentType) {
|
|
78
|
-
case 'MetricCard':
|
|
79
|
-
case 'GaugeChart': // Use MetricCard for now, can add GaugeChart later
|
|
80
|
-
return (_jsx(MetricCard, { title: metric.name, value: data.current ?? 0, unit: metric.unit, description: metric.description, trend: data.trend, changePercent: data.changePercent, showTrend: metric.display?.showTrend ?? true, showSparkline: metric.display?.showSparkline, sparklineData: data.series, thresholds: metric.thresholds, size: metric.display?.size || 'medium', onClick: onClick }));
|
|
81
|
-
case 'LineChart':
|
|
82
|
-
return (_jsx(LineChart, { title: metric.name, data: data.series || [], xKey: "date", yKey: "value", unit: metric.unit, onClick: onClick }));
|
|
83
|
-
case 'BarChart':
|
|
84
|
-
case 'StackedBarChart':
|
|
85
|
-
// Extract series keys from data
|
|
86
|
-
const series = data.series && data.series.length > 0
|
|
87
|
-
? Object.keys(data.series[0]).filter(k => k !== 'date')
|
|
88
|
-
: metric.query.groupBy || [];
|
|
89
|
-
return (_jsx(BarChart, { title: metric.name, data: data.series || [], xKey: "date", series: series, stacked: componentType === 'StackedBarChart', unit: metric.unit, onClick: onClick }));
|
|
90
|
-
case 'Histogram':
|
|
91
|
-
// TODO: Implement Histogram component
|
|
92
|
-
return (_jsx(MetricCard, { title: metric.name, value: "Histogram (TODO)", description: metric.description, onClick: onClick }));
|
|
93
|
-
case 'PieChart':
|
|
94
|
-
// TODO: Implement PieChart component
|
|
95
|
-
return (_jsx(MetricCard, { title: metric.name, value: "PieChart (TODO)", description: metric.description, onClick: onClick }));
|
|
96
|
-
case 'DataTable':
|
|
97
|
-
// TODO: Implement DataTable component
|
|
98
|
-
return (_jsx(MetricCard, { title: metric.name, value: "DataTable (TODO)", description: metric.description, onClick: onClick }));
|
|
99
|
-
default:
|
|
100
|
-
return (_jsx(MetricCard, { title: metric.name, value: data.current ?? 0, unit: metric.unit, onClick: onClick }));
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
//# sourceMappingURL=MetricPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MetricPanel.js","sourceRoot":"","sources":["../../../src/components/dashboard/MetricPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* MockDataProvider
|
|
3
|
-
*
|
|
4
|
-
* Provides mock data for dashboard metrics during prototyping.
|
|
5
|
-
* Can use inline _mockData from the dashboard definition or generate realistic data.
|
|
6
|
-
*/
|
|
7
|
-
import type { DashboardDefinition, MetricData, DataProvider } from './types';
|
|
8
|
-
export declare class MockDataProvider implements DataProvider {
|
|
9
|
-
private data;
|
|
10
|
-
constructor(dashboard: DashboardDefinition);
|
|
11
|
-
get(metricId: string): MetricData;
|
|
12
|
-
getAll(): Record<string, MetricData>;
|
|
13
|
-
private resolveData;
|
|
14
|
-
private transformMockData;
|
|
15
|
-
private generateData;
|
|
16
|
-
private generateTimeSeries;
|
|
17
|
-
private generateGaugeData;
|
|
18
|
-
private generateCounterData;
|
|
19
|
-
private generateHistogramData;
|
|
20
|
-
private getPointCount;
|
|
21
|
-
private getBaseValue;
|
|
22
|
-
private generateDates;
|
|
23
|
-
private getWeekNumber;
|
|
24
|
-
private getGroupValues;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Create a mock data provider from a dashboard definition
|
|
28
|
-
*/
|
|
29
|
-
export declare function createMockDataProvider(dashboard: DashboardDefinition): DataProvider;
|
|
30
|
-
//# sourceMappingURL=MockDataProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MockDataProvider.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/MockDataProvider.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,mBAAmB,EAEnB,UAAU,EACV,YAAY,EAEb,MAAM,SAAS,CAAC;AAEjB,qBAAa,gBAAiB,YAAW,YAAY;IACnD,OAAO,CAAC,IAAI,CAAkC;gBAElC,SAAS,EAAE,mBAAmB;IAM1C,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU;IAIjC,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;IAIpC,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,iBAAiB;IA4CzB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,kBAAkB;IAqC1B,OAAO,CAAC,iBAAiB;IAmCzB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,qBAAqB;IAqC7B,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,aAAa;IAqCrB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,cAAc;CAcvB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,mBAAmB,GAAG,YAAY,CAEnF"}
|