@principal-ai/subsystems-react 0.20.6 → 0.21.1
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/README.md +1 -1
- package/dist/graphify/anchor.d.ts +17 -0
- package/dist/graphify/anchor.d.ts.map +1 -1
- package/dist/graphify/anchor.js +41 -0
- package/dist/graphify/anchor.js.map +1 -1
- package/dist/graphify/consolidated.d.ts +40 -1
- package/dist/graphify/consolidated.d.ts.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/pierre/{PierreThroughlineCodeView.d.ts → PierreWalkthroughCodeView.d.ts} +7 -7
- package/dist/pierre/{PierreThroughlineCodeView.d.ts.map → PierreWalkthroughCodeView.d.ts.map} +1 -1
- package/dist/pierre/{PierreThroughlineCodeView.js → PierreWalkthroughCodeView.js} +28 -36
- package/dist/pierre/PierreWalkthroughCodeView.js.map +1 -0
- package/dist/pierre/index.d.ts +2 -2
- package/dist/pierre/index.js +1 -1
- package/dist/pierre/pierreFileLang.d.ts +1 -1
- package/dist/pierre/pierreFileLang.js +1 -1
- package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts +14 -2
- package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts.map +1 -1
- package/dist/stories/Subsystem/ComponentGraph/fixtures.js +86 -20
- package/dist/stories/Subsystem/ComponentGraph/fixtures.js.map +1 -1
- package/dist/subsystem/FileDrawer.d.ts +2 -2
- package/dist/subsystem/FileDrawer.js +2 -2
- package/dist/subsystem/SubsystemComponentGraph.d.ts +25 -24
- package/dist/subsystem/SubsystemComponentGraph.d.ts.map +1 -1
- package/dist/subsystem/SubsystemComponentGraph.js +204 -199
- package/dist/subsystem/SubsystemComponentGraph.js.map +1 -1
- package/dist/subsystem/formatDeclaration.d.ts +2 -1
- package/dist/subsystem/formatDeclaration.d.ts.map +1 -1
- package/dist/subsystem/formatDeclaration.js +57 -33
- package/dist/subsystem/formatDeclaration.js.map +1 -1
- package/dist/subsystem/model.d.ts +85 -35
- package/dist/subsystem/model.d.ts.map +1 -1
- package/dist/subsystem/model.js +85 -6
- package/dist/subsystem/model.js.map +1 -1
- package/dist/subsystem/nodes.d.ts.map +1 -1
- package/dist/subsystem/nodes.js +30 -13
- package/dist/subsystem/nodes.js.map +1 -1
- package/dist/subsystem/tokenizeComponent.js +2 -2
- package/dist/subsystem/tokenizeComponent.js.map +1 -1
- package/package.json +3 -3
- package/src/graphify/anchor.test.ts +31 -2
- package/src/graphify/anchor.ts +46 -0
- package/src/graphify/consolidated.ts +43 -1
- package/src/index.ts +13 -5
- package/src/pierre/{PierreThroughlineCodeView.tsx → PierreWalkthroughCodeView.tsx} +39 -47
- package/src/pierre/index.ts +2 -2
- package/src/pierre/pierreFileLang.ts +1 -1
- package/src/stories/Pierre/CodeView.stories.tsx +3 -3
- package/src/stories/Subsystem/ComponentDeclarationAudit.stories.tsx +14 -14
- package/src/stories/Subsystem/ComponentGraph/Appearance.stories.tsx +13 -15
- package/src/stories/Subsystem/ComponentGraph/Basics.stories.tsx +8 -8
- package/src/stories/Subsystem/ComponentGraph/Captures.stories.tsx +14 -14
- package/src/stories/Subsystem/ComponentGraph/CustomEntities.stories.tsx +11 -10
- package/src/stories/Subsystem/ComponentGraph/DetailPanel.stories.tsx +13 -14
- package/src/stories/Subsystem/ComponentGraph/Flows.stories.tsx +31 -66
- package/src/stories/Subsystem/ComponentGraph/FrameworkStereotype.stories.tsx +2 -2
- package/src/stories/Subsystem/ComponentGraph/GraphTitle.stories.tsx +4 -4
- package/src/stories/Subsystem/ComponentGraph/Processes.stories.tsx +3 -3
- package/src/stories/Subsystem/ComponentGraph/Proposed.stories.tsx +1 -1
- package/src/stories/Subsystem/ComponentGraph/Scenarios.stories.tsx +518 -33
- package/src/stories/Subsystem/ComponentGraph/Spotlights.stories.tsx +13 -13
- package/src/stories/Subsystem/ComponentGraph/fixtures.ts +105 -21
- package/src/subsystem/FileDrawer.tsx +2 -2
- package/src/subsystem/SubsystemComponentGraph.tsx +268 -259
- package/src/subsystem/formatDeclaration.test.ts +76 -1
- package/src/subsystem/formatDeclaration.ts +57 -33
- package/src/subsystem/model.test.ts +27 -15
- package/src/subsystem/model.ts +175 -45
- package/src/subsystem/nodes.tsx +47 -13
- package/src/subsystem/tokenizeComponent.ts +2 -2
- 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.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,270 +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
|
-
export class MockDataProvider {
|
|
8
|
-
constructor(dashboard) {
|
|
9
|
-
this.data = {};
|
|
10
|
-
for (const metric of dashboard.metrics) {
|
|
11
|
-
this.data[metric.id] = this.resolveData(metric);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
get(metricId) {
|
|
15
|
-
return this.data[metricId] || { error: `No data for metric: ${metricId}` };
|
|
16
|
-
}
|
|
17
|
-
getAll() {
|
|
18
|
-
return this.data;
|
|
19
|
-
}
|
|
20
|
-
resolveData(metric) {
|
|
21
|
-
// Use inline mock data if provided
|
|
22
|
-
if (metric._mockData) {
|
|
23
|
-
return this.transformMockData(metric._mockData, metric);
|
|
24
|
-
}
|
|
25
|
-
// Generate data based on metric type and query
|
|
26
|
-
return this.generateData(metric);
|
|
27
|
-
}
|
|
28
|
-
transformMockData(mockData, _metric) {
|
|
29
|
-
const result = {};
|
|
30
|
-
if (mockData.current !== undefined) {
|
|
31
|
-
result.current = mockData.current;
|
|
32
|
-
}
|
|
33
|
-
if (mockData.previous !== undefined) {
|
|
34
|
-
result.previous = mockData.previous;
|
|
35
|
-
// Calculate change percent if not provided
|
|
36
|
-
if (result.current !== undefined) {
|
|
37
|
-
result.changePercent =
|
|
38
|
-
((result.current - mockData.previous) / mockData.previous) * 100;
|
|
39
|
-
result.trend =
|
|
40
|
-
result.changePercent > 0
|
|
41
|
-
? 'up'
|
|
42
|
-
: result.changePercent < 0
|
|
43
|
-
? 'down'
|
|
44
|
-
: 'flat';
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
if (mockData.trend) {
|
|
48
|
-
result.trend = mockData.trend;
|
|
49
|
-
}
|
|
50
|
-
if (mockData.series) {
|
|
51
|
-
result.series = mockData.series;
|
|
52
|
-
}
|
|
53
|
-
if (mockData.breakdown) {
|
|
54
|
-
result.breakdown = mockData.breakdown;
|
|
55
|
-
}
|
|
56
|
-
if (mockData.histogram) {
|
|
57
|
-
result.histogram = mockData.histogram;
|
|
58
|
-
}
|
|
59
|
-
return result;
|
|
60
|
-
}
|
|
61
|
-
generateData(metric) {
|
|
62
|
-
const { type, query } = metric;
|
|
63
|
-
// Time series data
|
|
64
|
-
if (query.timeGroup) {
|
|
65
|
-
return this.generateTimeSeries(metric);
|
|
66
|
-
}
|
|
67
|
-
// Single value
|
|
68
|
-
if (type === 'gauge') {
|
|
69
|
-
return this.generateGaugeData(metric);
|
|
70
|
-
}
|
|
71
|
-
if (type === 'counter') {
|
|
72
|
-
return this.generateCounterData(metric);
|
|
73
|
-
}
|
|
74
|
-
if (type === 'histogram') {
|
|
75
|
-
return this.generateHistogramData(metric);
|
|
76
|
-
}
|
|
77
|
-
// Fallback
|
|
78
|
-
return {
|
|
79
|
-
current: Math.floor(Math.random() * 1000),
|
|
80
|
-
trend: 'flat',
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
generateTimeSeries(metric) {
|
|
84
|
-
const { query } = metric;
|
|
85
|
-
const points = this.getPointCount(query.timeGroup);
|
|
86
|
-
const series = [];
|
|
87
|
-
const baseValue = this.getBaseValue(metric);
|
|
88
|
-
const variance = 0.2;
|
|
89
|
-
// Generate dates
|
|
90
|
-
const dates = this.generateDates(query.timeGroup, points);
|
|
91
|
-
if (query.groupBy && query.groupBy.length > 0) {
|
|
92
|
-
// Grouped data (e.g., by isMobile)
|
|
93
|
-
const groups = this.getGroupValues(query.groupBy[0]);
|
|
94
|
-
for (let i = 0; i < points; i++) {
|
|
95
|
-
const point = { date: dates[i] };
|
|
96
|
-
for (const group of groups) {
|
|
97
|
-
point[group] = Math.floor(baseValue * (0.3 + Math.random() * 0.7) * (1 + (Math.random() - 0.5) * variance));
|
|
98
|
-
}
|
|
99
|
-
series.push(point);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
// Simple time series
|
|
104
|
-
for (let i = 0; i < points; i++) {
|
|
105
|
-
series.push({
|
|
106
|
-
date: dates[i],
|
|
107
|
-
value: Math.floor(baseValue * (1 + (Math.random() - 0.5) * variance)),
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
return { series };
|
|
112
|
-
}
|
|
113
|
-
generateGaugeData(metric) {
|
|
114
|
-
const { query } = metric;
|
|
115
|
-
// Percentage derivations
|
|
116
|
-
if (query.derivation === 'percentage' ||
|
|
117
|
-
query.derivation === 'error_rate' ||
|
|
118
|
-
query.derivation === 'success_rate') {
|
|
119
|
-
const current = Math.random() * 100;
|
|
120
|
-
const previous = Math.random() * 100;
|
|
121
|
-
return {
|
|
122
|
-
current: Math.round(current * 10) / 10,
|
|
123
|
-
previous: Math.round(previous * 10) / 10,
|
|
124
|
-
trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
|
|
125
|
-
changePercent: Math.round(((current - previous) / previous) * 100 * 10) / 10,
|
|
126
|
-
};
|
|
127
|
-
}
|
|
128
|
-
// Rate
|
|
129
|
-
if (query.derivation === 'rate') {
|
|
130
|
-
const current = Math.floor(Math.random() * 1000);
|
|
131
|
-
const previous = Math.floor(Math.random() * 1000);
|
|
132
|
-
return {
|
|
133
|
-
current,
|
|
134
|
-
previous,
|
|
135
|
-
trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
|
|
136
|
-
changePercent: Math.round(((current - previous) / previous) * 100),
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
const current = Math.floor(Math.random() * 10000);
|
|
140
|
-
return { current, trend: 'flat' };
|
|
141
|
-
}
|
|
142
|
-
generateCounterData(_metric) {
|
|
143
|
-
const current = Math.floor(Math.random() * 100000);
|
|
144
|
-
const previous = Math.floor(Math.random() * 100000);
|
|
145
|
-
return {
|
|
146
|
-
current,
|
|
147
|
-
previous,
|
|
148
|
-
trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
|
|
149
|
-
changePercent: Math.round(((current - previous) / previous) * 100),
|
|
150
|
-
};
|
|
151
|
-
}
|
|
152
|
-
generateHistogramData(metric) {
|
|
153
|
-
const { query } = metric;
|
|
154
|
-
// Percentile value
|
|
155
|
-
if (query.percentile) {
|
|
156
|
-
const values = [50, 120, 200, 350, 500, 800, 1200];
|
|
157
|
-
const percentileIndex = Math.min(Math.floor((query.percentile / 100) * values.length), values.length - 1);
|
|
158
|
-
const current = values[percentileIndex] + Math.floor(Math.random() * 100);
|
|
159
|
-
const previous = values[percentileIndex] + Math.floor(Math.random() * 100);
|
|
160
|
-
return {
|
|
161
|
-
current,
|
|
162
|
-
previous,
|
|
163
|
-
trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
|
|
164
|
-
changePercent: Math.round(((current - previous) / previous) * 100),
|
|
165
|
-
};
|
|
166
|
-
}
|
|
167
|
-
// Full histogram
|
|
168
|
-
return {
|
|
169
|
-
histogram: {
|
|
170
|
-
buckets: ['0-50ms', '50-100ms', '100-200ms', '200-500ms', '500ms-1s', '>1s'],
|
|
171
|
-
counts: [
|
|
172
|
-
Math.floor(Math.random() * 1000),
|
|
173
|
-
Math.floor(Math.random() * 800),
|
|
174
|
-
Math.floor(Math.random() * 400),
|
|
175
|
-
Math.floor(Math.random() * 200),
|
|
176
|
-
Math.floor(Math.random() * 100),
|
|
177
|
-
Math.floor(Math.random() * 50),
|
|
178
|
-
],
|
|
179
|
-
},
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
getPointCount(timeGroup) {
|
|
183
|
-
switch (timeGroup) {
|
|
184
|
-
case 'minute':
|
|
185
|
-
return 60;
|
|
186
|
-
case 'hour':
|
|
187
|
-
return 24;
|
|
188
|
-
case 'day':
|
|
189
|
-
return 7;
|
|
190
|
-
case 'week':
|
|
191
|
-
return 12;
|
|
192
|
-
case 'month':
|
|
193
|
-
return 12;
|
|
194
|
-
default:
|
|
195
|
-
return 7;
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
getBaseValue(metric) {
|
|
199
|
-
// Estimate reasonable base value based on metric type
|
|
200
|
-
if (metric.query.derivation === 'percentage' || metric.query.derivation === 'error_rate') {
|
|
201
|
-
return 50;
|
|
202
|
-
}
|
|
203
|
-
if (metric.unit === 'views' || metric.unit === 'count') {
|
|
204
|
-
return 10000;
|
|
205
|
-
}
|
|
206
|
-
if (metric.unit === 'milliseconds' || metric.unit === 'ms') {
|
|
207
|
-
return 200;
|
|
208
|
-
}
|
|
209
|
-
return 1000;
|
|
210
|
-
}
|
|
211
|
-
generateDates(timeGroup, count) {
|
|
212
|
-
const dates = [];
|
|
213
|
-
const now = new Date();
|
|
214
|
-
for (let i = count - 1; i >= 0; i--) {
|
|
215
|
-
const date = new Date(now);
|
|
216
|
-
switch (timeGroup) {
|
|
217
|
-
case 'minute':
|
|
218
|
-
date.setMinutes(date.getMinutes() - i);
|
|
219
|
-
dates.push(date.toISOString().slice(11, 16)); // HH:MM
|
|
220
|
-
break;
|
|
221
|
-
case 'hour':
|
|
222
|
-
date.setHours(date.getHours() - i);
|
|
223
|
-
dates.push(date.toISOString().slice(11, 13) + ':00'); // HH:00
|
|
224
|
-
break;
|
|
225
|
-
case 'day':
|
|
226
|
-
date.setDate(date.getDate() - i);
|
|
227
|
-
dates.push(date.toISOString().slice(0, 10)); // YYYY-MM-DD
|
|
228
|
-
break;
|
|
229
|
-
case 'week':
|
|
230
|
-
date.setDate(date.getDate() - i * 7);
|
|
231
|
-
dates.push(`W${this.getWeekNumber(date)}`);
|
|
232
|
-
break;
|
|
233
|
-
case 'month':
|
|
234
|
-
date.setMonth(date.getMonth() - i);
|
|
235
|
-
dates.push(date.toISOString().slice(0, 7)); // YYYY-MM
|
|
236
|
-
break;
|
|
237
|
-
default:
|
|
238
|
-
date.setDate(date.getDate() - i);
|
|
239
|
-
dates.push(date.toISOString().slice(0, 10));
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
return dates;
|
|
243
|
-
}
|
|
244
|
-
getWeekNumber(date) {
|
|
245
|
-
const firstDayOfYear = new Date(date.getFullYear(), 0, 1);
|
|
246
|
-
const pastDaysOfYear = (date.getTime() - firstDayOfYear.getTime()) / 86400000;
|
|
247
|
-
return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
|
|
248
|
-
}
|
|
249
|
-
getGroupValues(groupBy) {
|
|
250
|
-
// Common group values based on attribute name
|
|
251
|
-
if (groupBy === 'isMobile') {
|
|
252
|
-
return ['mobile', 'desktop'];
|
|
253
|
-
}
|
|
254
|
-
if (groupBy === 'status' || groupBy === 'status.code') {
|
|
255
|
-
return ['success', 'error'];
|
|
256
|
-
}
|
|
257
|
-
if (groupBy === 'user.tier') {
|
|
258
|
-
return ['free', 'pro', 'enterprise'];
|
|
259
|
-
}
|
|
260
|
-
// Default generic groups
|
|
261
|
-
return ['group_a', 'group_b'];
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
/**
|
|
265
|
-
* Create a mock data provider from a dashboard definition
|
|
266
|
-
*/
|
|
267
|
-
export function createMockDataProvider(dashboard) {
|
|
268
|
-
return new MockDataProvider(dashboard);
|
|
269
|
-
}
|
|
270
|
-
//# sourceMappingURL=MockDataProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MockDataProvider.js","sourceRoot":"","sources":["../../../src/components/dashboard/MockDataProvider.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* BarChart
|
|
3
|
-
*
|
|
4
|
-
* Simple SVG-based bar chart for grouped/stacked data.
|
|
5
|
-
* For prototyping - can be replaced with a more robust charting library later.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
import type { BarChartProps } from '../types';
|
|
9
|
-
export declare function BarChart({ title, data, xKey, series, stacked, unit, height, onClick, }: BarChartProps): import("react").JSX.Element;
|
|
10
|
-
//# sourceMappingURL=BarChart.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAW9C,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAa,EACb,MAAM,EACN,OAAe,EACf,IAAI,EACJ,MAAY,EACZ,OAAO,GACR,EAAE,aAAa,+BAsQf"}
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* BarChart
|
|
4
|
-
*
|
|
5
|
-
* Simple SVG-based bar chart for grouped/stacked data.
|
|
6
|
-
* For prototyping - can be replaced with a more robust charting library later.
|
|
7
|
-
*/
|
|
8
|
-
import { useMemo } from 'react';
|
|
9
|
-
import { useTheme } from '@principal-ade/industry-theme';
|
|
10
|
-
const CHART_COLORS = [
|
|
11
|
-
'#3b82f6',
|
|
12
|
-
'#22c55e',
|
|
13
|
-
'#f59e0b',
|
|
14
|
-
'#ef4444',
|
|
15
|
-
'#8b5cf6',
|
|
16
|
-
'#ec4899', // pink
|
|
17
|
-
];
|
|
18
|
-
export function BarChart({ title, data, xKey = 'date', series, stacked = false, unit, height = 200, onClick, }) {
|
|
19
|
-
const { theme } = useTheme();
|
|
20
|
-
const padding = { top: 20, right: 20, bottom: 40, left: 60 };
|
|
21
|
-
const chartWidth = 400;
|
|
22
|
-
const chartHeight = height;
|
|
23
|
-
const { bars, yAxisLabels, xAxisLabels } = useMemo(() => {
|
|
24
|
-
if (!data || data.length === 0 || !series || series.length === 0) {
|
|
25
|
-
return { bars: [], yAxisLabels: [], xAxisLabels: [], maxValue: 0 };
|
|
26
|
-
}
|
|
27
|
-
// Find max value
|
|
28
|
-
let max = 0;
|
|
29
|
-
for (const point of data) {
|
|
30
|
-
if (stacked) {
|
|
31
|
-
// Sum all series for stacked bars
|
|
32
|
-
let sum = 0;
|
|
33
|
-
for (const key of series) {
|
|
34
|
-
const val = point[key];
|
|
35
|
-
if (typeof val === 'number')
|
|
36
|
-
sum += val;
|
|
37
|
-
}
|
|
38
|
-
if (sum > max)
|
|
39
|
-
max = sum;
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
// Max of individual values for grouped bars
|
|
43
|
-
for (const key of series) {
|
|
44
|
-
const val = point[key];
|
|
45
|
-
if (typeof val === 'number' && val > max)
|
|
46
|
-
max = val;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
max = max * 1.1; // Add padding
|
|
51
|
-
const innerWidth = chartWidth - padding.left - padding.right;
|
|
52
|
-
const innerHeight = chartHeight - padding.top - padding.bottom;
|
|
53
|
-
const barGroupWidth = innerWidth / data.length;
|
|
54
|
-
const barPadding = barGroupWidth * 0.2;
|
|
55
|
-
const barAreaWidth = barGroupWidth - barPadding;
|
|
56
|
-
const barsResult = [];
|
|
57
|
-
data.forEach((point, i) => {
|
|
58
|
-
const groupX = padding.left + i * barGroupWidth + barPadding / 2;
|
|
59
|
-
if (stacked) {
|
|
60
|
-
// Stacked bars
|
|
61
|
-
let currentY = padding.top + innerHeight;
|
|
62
|
-
series.forEach((key, keyIndex) => {
|
|
63
|
-
const val = point[key];
|
|
64
|
-
if (typeof val === 'number') {
|
|
65
|
-
const barHeight = (val / max) * innerHeight;
|
|
66
|
-
currentY -= barHeight;
|
|
67
|
-
barsResult.push({
|
|
68
|
-
x: groupX,
|
|
69
|
-
y: currentY,
|
|
70
|
-
width: barAreaWidth,
|
|
71
|
-
height: barHeight,
|
|
72
|
-
color: CHART_COLORS[keyIndex % CHART_COLORS.length],
|
|
73
|
-
label: key,
|
|
74
|
-
value: val,
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
// Grouped bars
|
|
81
|
-
const singleBarWidth = barAreaWidth / series.length;
|
|
82
|
-
series.forEach((key, keyIndex) => {
|
|
83
|
-
const val = point[key];
|
|
84
|
-
if (typeof val === 'number') {
|
|
85
|
-
const barHeight = (val / max) * innerHeight;
|
|
86
|
-
const barX = groupX + keyIndex * singleBarWidth;
|
|
87
|
-
const barY = padding.top + innerHeight - barHeight;
|
|
88
|
-
barsResult.push({
|
|
89
|
-
x: barX,
|
|
90
|
-
y: barY,
|
|
91
|
-
width: singleBarWidth * 0.9,
|
|
92
|
-
height: barHeight,
|
|
93
|
-
color: CHART_COLORS[keyIndex % CHART_COLORS.length],
|
|
94
|
-
label: key,
|
|
95
|
-
value: val,
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
// Y-axis labels
|
|
102
|
-
const yLabels = [];
|
|
103
|
-
for (let i = 0; i <= 4; i++) {
|
|
104
|
-
const value = (max / 4) * (4 - i);
|
|
105
|
-
const y = padding.top + (i / 4) * innerHeight;
|
|
106
|
-
yLabels.push({
|
|
107
|
-
value: formatNumber(value),
|
|
108
|
-
y,
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
// X-axis labels
|
|
112
|
-
const xLabels = [];
|
|
113
|
-
data.forEach((point, i) => {
|
|
114
|
-
const x = padding.left + i * barGroupWidth + barGroupWidth / 2;
|
|
115
|
-
xLabels.push({
|
|
116
|
-
value: String(point[xKey] || '').slice(-5),
|
|
117
|
-
x,
|
|
118
|
-
});
|
|
119
|
-
});
|
|
120
|
-
return {
|
|
121
|
-
bars: barsResult,
|
|
122
|
-
yAxisLabels: yLabels,
|
|
123
|
-
xAxisLabels: xLabels,
|
|
124
|
-
maxValue: max,
|
|
125
|
-
};
|
|
126
|
-
}, [data, series, xKey, stacked, chartWidth, chartHeight]);
|
|
127
|
-
return (_jsxs("div", { onClick: onClick, style: {
|
|
128
|
-
backgroundColor: theme.colors.surface || theme.colors.background,
|
|
129
|
-
border: `1px solid ${theme.colors.border}`,
|
|
130
|
-
borderRadius: theme.radii?.[2] || 8,
|
|
131
|
-
padding: theme.space?.[3] || 16,
|
|
132
|
-
cursor: onClick ? 'pointer' : 'default',
|
|
133
|
-
fontFamily: theme.fonts.body,
|
|
134
|
-
}, children: [_jsxs("div", { style: {
|
|
135
|
-
fontSize: theme.fontSizes[1],
|
|
136
|
-
fontWeight: theme.fontWeights.medium,
|
|
137
|
-
color: theme.colors.text,
|
|
138
|
-
marginBottom: theme.space?.[3] || 16,
|
|
139
|
-
}, children: [title, unit && (_jsxs("span", { style: { color: theme.colors.textSecondary, fontWeight: theme.fontWeights.body }, children: [' ', "(", unit, ")"] }))] }), _jsxs("svg", { width: "100%", height: chartHeight, viewBox: `0 0 ${chartWidth} ${chartHeight}`, preserveAspectRatio: "xMidYMid meet", children: [yAxisLabels.map((label, i) => (_jsx("line", { x1: padding.left, y1: label.y, x2: chartWidth - padding.right, y2: label.y, stroke: theme.colors.border, strokeDasharray: "4 4", opacity: 0.5 }, i))), yAxisLabels.map((label, i) => (_jsx("text", { x: padding.left - 8, y: label.y, textAnchor: "end", dominantBaseline: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), xAxisLabels.map((label, i) => (_jsx("text", { x: label.x, y: chartHeight - padding.bottom + 20, textAnchor: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), bars.map((bar, i) => (_jsx("rect", { x: bar.x, y: bar.y, width: bar.width, height: bar.height, fill: bar.color, rx: 2 }, i)))] }), series && series.length > 1 && (_jsx("div", { style: {
|
|
140
|
-
display: 'flex',
|
|
141
|
-
gap: theme.space?.[3] || 16,
|
|
142
|
-
marginTop: theme.space?.[3] || 12,
|
|
143
|
-
justifyContent: 'center',
|
|
144
|
-
}, children: series.map((s, i) => (_jsxs("div", { style: {
|
|
145
|
-
display: 'flex',
|
|
146
|
-
alignItems: 'center',
|
|
147
|
-
gap: 6,
|
|
148
|
-
fontSize: theme.fontSizes[0],
|
|
149
|
-
color: theme.colors.textSecondary,
|
|
150
|
-
fontFamily: theme.fonts.body,
|
|
151
|
-
}, children: [_jsx("div", { style: {
|
|
152
|
-
width: 12,
|
|
153
|
-
height: 12,
|
|
154
|
-
backgroundColor: CHART_COLORS[i % CHART_COLORS.length],
|
|
155
|
-
borderRadius: 2,
|
|
156
|
-
} }), s] }, s))) }))] }));
|
|
157
|
-
}
|
|
158
|
-
function formatNumber(value) {
|
|
159
|
-
if (value >= 1000000)
|
|
160
|
-
return `${(value / 1000000).toFixed(1)}M`;
|
|
161
|
-
if (value >= 1000)
|
|
162
|
-
return `${(value / 1000).toFixed(1)}K`;
|
|
163
|
-
if (value % 1 !== 0)
|
|
164
|
-
return value.toFixed(1);
|
|
165
|
-
return Math.round(value).toString();
|
|
166
|
-
}
|
|
167
|
-
//# sourceMappingURL=BarChart.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../src/components/dashboard/components/BarChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* LineChart
|
|
3
|
-
*
|
|
4
|
-
* Simple SVG-based line chart for time series data.
|
|
5
|
-
* For prototyping - can be replaced with a more robust charting library later.
|
|
6
|
-
*/
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
import type { LineChartProps } from '../types';
|
|
9
|
-
export declare function LineChart({ title, data, xKey, yKey, series, unit, height, onClick, }: LineChartProps): import("react").JSX.Element;
|
|
10
|
-
//# sourceMappingURL=LineChart.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/LineChart.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAa,EACb,IAAc,EACd,MAAM,EACN,IAAI,EACJ,MAAY,EACZ,OAAO,GACR,EAAE,cAAc,+BAkPhB"}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* LineChart
|
|
4
|
-
*
|
|
5
|
-
* Simple SVG-based line chart for time series data.
|
|
6
|
-
* For prototyping - can be replaced with a more robust charting library later.
|
|
7
|
-
*/
|
|
8
|
-
import { useMemo } from 'react';
|
|
9
|
-
import { useTheme } from '@principal-ade/industry-theme';
|
|
10
|
-
const CHART_COLORS = [
|
|
11
|
-
'#3b82f6',
|
|
12
|
-
'#22c55e',
|
|
13
|
-
'#f59e0b',
|
|
14
|
-
'#ef4444',
|
|
15
|
-
'#8b5cf6',
|
|
16
|
-
'#ec4899', // pink
|
|
17
|
-
];
|
|
18
|
-
export function LineChart({ title, data, xKey = 'date', yKey = 'value', series, unit, height = 200, onClick, }) {
|
|
19
|
-
const { theme } = useTheme();
|
|
20
|
-
const padding = { top: 20, right: 20, bottom: 40, left: 60 };
|
|
21
|
-
const chartWidth = 400;
|
|
22
|
-
const chartHeight = height;
|
|
23
|
-
const { paths, yAxisLabels, xAxisLabels } = useMemo(() => {
|
|
24
|
-
if (!data || data.length === 0) {
|
|
25
|
-
return { paths: [], yAxisLabels: [], xAxisLabels: [], maxValue: 0 };
|
|
26
|
-
}
|
|
27
|
-
// Determine which keys to plot
|
|
28
|
-
const keys = series || [yKey];
|
|
29
|
-
// Find max value across all series
|
|
30
|
-
let max = 0;
|
|
31
|
-
for (const point of data) {
|
|
32
|
-
for (const key of keys) {
|
|
33
|
-
const val = point[key];
|
|
34
|
-
if (typeof val === 'number' && val > max) {
|
|
35
|
-
max = val;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
// Add 10% padding to max
|
|
40
|
-
max = max * 1.1;
|
|
41
|
-
const innerWidth = chartWidth - padding.left - padding.right;
|
|
42
|
-
const innerHeight = chartHeight - padding.top - padding.bottom;
|
|
43
|
-
// Generate paths for each series
|
|
44
|
-
const pathsResult = [];
|
|
45
|
-
keys.forEach((key, keyIndex) => {
|
|
46
|
-
const points = [];
|
|
47
|
-
data.forEach((point, i) => {
|
|
48
|
-
const val = point[key];
|
|
49
|
-
if (typeof val === 'number') {
|
|
50
|
-
const x = padding.left + (i / (data.length - 1 || 1)) * innerWidth;
|
|
51
|
-
const y = padding.top + innerHeight - (val / max) * innerHeight;
|
|
52
|
-
points.push({ x, y });
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
if (points.length > 0) {
|
|
56
|
-
const pathD = points
|
|
57
|
-
.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`)
|
|
58
|
-
.join(' ');
|
|
59
|
-
pathsResult.push({
|
|
60
|
-
path: pathD,
|
|
61
|
-
color: CHART_COLORS[keyIndex % CHART_COLORS.length],
|
|
62
|
-
label: key,
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
// Y-axis labels (5 ticks)
|
|
67
|
-
const yLabels = [];
|
|
68
|
-
for (let i = 0; i <= 4; i++) {
|
|
69
|
-
const value = (max / 4) * (4 - i);
|
|
70
|
-
const y = padding.top + (i / 4) * innerHeight;
|
|
71
|
-
yLabels.push({
|
|
72
|
-
value: formatNumber(value),
|
|
73
|
-
y,
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
// X-axis labels (show first, middle, last)
|
|
77
|
-
const xLabels = [];
|
|
78
|
-
const indices = [0, Math.floor(data.length / 2), data.length - 1];
|
|
79
|
-
for (const idx of indices) {
|
|
80
|
-
if (data[idx]) {
|
|
81
|
-
const x = padding.left + (idx / (data.length - 1 || 1)) * innerWidth;
|
|
82
|
-
xLabels.push({
|
|
83
|
-
value: String(data[idx][xKey] || ''),
|
|
84
|
-
x,
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
return {
|
|
89
|
-
paths: pathsResult,
|
|
90
|
-
yAxisLabels: yLabels,
|
|
91
|
-
xAxisLabels: xLabels,
|
|
92
|
-
maxValue: max,
|
|
93
|
-
};
|
|
94
|
-
}, [data, series, yKey, xKey, chartWidth, chartHeight]);
|
|
95
|
-
return (_jsxs("div", { onClick: onClick, style: {
|
|
96
|
-
backgroundColor: theme.colors.surface || theme.colors.background,
|
|
97
|
-
border: `1px solid ${theme.colors.border}`,
|
|
98
|
-
borderRadius: theme.radii?.[2] || 8,
|
|
99
|
-
padding: theme.space?.[3] || 16,
|
|
100
|
-
cursor: onClick ? 'pointer' : 'default',
|
|
101
|
-
fontFamily: theme.fonts.body,
|
|
102
|
-
}, children: [_jsxs("div", { style: {
|
|
103
|
-
fontSize: theme.fontSizes[1],
|
|
104
|
-
fontWeight: theme.fontWeights.medium,
|
|
105
|
-
color: theme.colors.text,
|
|
106
|
-
marginBottom: theme.space?.[3] || 16,
|
|
107
|
-
}, children: [title, unit && (_jsxs("span", { style: { color: theme.colors.textSecondary, fontWeight: theme.fontWeights.body }, children: [' ', "(", unit, ")"] }))] }), _jsxs("svg", { width: "100%", height: chartHeight, viewBox: `0 0 ${chartWidth} ${chartHeight}`, preserveAspectRatio: "xMidYMid meet", children: [yAxisLabels.map((label, i) => (_jsx("line", { x1: padding.left, y1: label.y, x2: chartWidth - padding.right, y2: label.y, stroke: theme.colors.border, strokeDasharray: "4 4", opacity: 0.5 }, i))), yAxisLabels.map((label, i) => (_jsx("text", { x: padding.left - 8, y: label.y, textAnchor: "end", dominantBaseline: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), xAxisLabels.map((label, i) => (_jsx("text", { x: label.x, y: chartHeight - padding.bottom + 20, textAnchor: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), paths.map((p, i) => (_jsx("path", { d: p.path, fill: "none", stroke: p.color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, i))), paths.map((p, pathIndex) => {
|
|
108
|
-
const points = p.path.split(/[ML]/).filter(Boolean);
|
|
109
|
-
return points.map((point, i) => {
|
|
110
|
-
const [x, y] = point.trim().split(' ').map(Number);
|
|
111
|
-
return (_jsx("circle", { cx: x, cy: y, r: 3, fill: p.color }, `${pathIndex}-${i}`));
|
|
112
|
-
});
|
|
113
|
-
})] }), series && series.length > 1 && (_jsx("div", { style: {
|
|
114
|
-
display: 'flex',
|
|
115
|
-
gap: theme.space?.[3] || 16,
|
|
116
|
-
marginTop: theme.space?.[3] || 12,
|
|
117
|
-
justifyContent: 'center',
|
|
118
|
-
}, children: series.map((s, i) => (_jsxs("div", { style: {
|
|
119
|
-
display: 'flex',
|
|
120
|
-
alignItems: 'center',
|
|
121
|
-
gap: 6,
|
|
122
|
-
fontSize: theme.fontSizes[0],
|
|
123
|
-
color: theme.colors.textSecondary,
|
|
124
|
-
fontFamily: theme.fonts.body,
|
|
125
|
-
}, children: [_jsx("div", { style: {
|
|
126
|
-
width: 12,
|
|
127
|
-
height: 3,
|
|
128
|
-
backgroundColor: CHART_COLORS[i % CHART_COLORS.length],
|
|
129
|
-
borderRadius: 2,
|
|
130
|
-
} }), s] }, s))) }))] }));
|
|
131
|
-
}
|
|
132
|
-
function formatNumber(value) {
|
|
133
|
-
if (value >= 1000000)
|
|
134
|
-
return `${(value / 1000000).toFixed(1)}M`;
|
|
135
|
-
if (value >= 1000)
|
|
136
|
-
return `${(value / 1000).toFixed(1)}K`;
|
|
137
|
-
if (value % 1 !== 0)
|
|
138
|
-
return value.toFixed(1);
|
|
139
|
-
return Math.round(value).toString();
|
|
140
|
-
}
|
|
141
|
-
//# sourceMappingURL=LineChart.js.map
|