@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.
Files changed (270) hide show
  1. package/README.md +1 -1
  2. package/dist/graphify/anchor.d.ts +17 -0
  3. package/dist/graphify/anchor.d.ts.map +1 -1
  4. package/dist/graphify/anchor.js +41 -0
  5. package/dist/graphify/anchor.js.map +1 -1
  6. package/dist/graphify/consolidated.d.ts +40 -1
  7. package/dist/graphify/consolidated.d.ts.map +1 -1
  8. package/dist/index.d.ts +5 -5
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/index.js.map +1 -1
  12. package/dist/pierre/{PierreThroughlineCodeView.d.ts → PierreWalkthroughCodeView.d.ts} +7 -7
  13. package/dist/pierre/{PierreThroughlineCodeView.d.ts.map → PierreWalkthroughCodeView.d.ts.map} +1 -1
  14. package/dist/pierre/{PierreThroughlineCodeView.js → PierreWalkthroughCodeView.js} +28 -36
  15. package/dist/pierre/PierreWalkthroughCodeView.js.map +1 -0
  16. package/dist/pierre/index.d.ts +2 -2
  17. package/dist/pierre/index.js +1 -1
  18. package/dist/pierre/pierreFileLang.d.ts +1 -1
  19. package/dist/pierre/pierreFileLang.js +1 -1
  20. package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts +14 -2
  21. package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts.map +1 -1
  22. package/dist/stories/Subsystem/ComponentGraph/fixtures.js +86 -20
  23. package/dist/stories/Subsystem/ComponentGraph/fixtures.js.map +1 -1
  24. package/dist/subsystem/FileDrawer.d.ts +2 -2
  25. package/dist/subsystem/FileDrawer.js +2 -2
  26. package/dist/subsystem/SubsystemComponentGraph.d.ts +25 -24
  27. package/dist/subsystem/SubsystemComponentGraph.d.ts.map +1 -1
  28. package/dist/subsystem/SubsystemComponentGraph.js +204 -199
  29. package/dist/subsystem/SubsystemComponentGraph.js.map +1 -1
  30. package/dist/subsystem/formatDeclaration.d.ts +2 -1
  31. package/dist/subsystem/formatDeclaration.d.ts.map +1 -1
  32. package/dist/subsystem/formatDeclaration.js +57 -33
  33. package/dist/subsystem/formatDeclaration.js.map +1 -1
  34. package/dist/subsystem/model.d.ts +85 -35
  35. package/dist/subsystem/model.d.ts.map +1 -1
  36. package/dist/subsystem/model.js +85 -6
  37. package/dist/subsystem/model.js.map +1 -1
  38. package/dist/subsystem/nodes.d.ts.map +1 -1
  39. package/dist/subsystem/nodes.js +30 -13
  40. package/dist/subsystem/nodes.js.map +1 -1
  41. package/dist/subsystem/tokenizeComponent.js +2 -2
  42. package/dist/subsystem/tokenizeComponent.js.map +1 -1
  43. package/package.json +3 -3
  44. package/src/graphify/anchor.test.ts +31 -2
  45. package/src/graphify/anchor.ts +46 -0
  46. package/src/graphify/consolidated.ts +43 -1
  47. package/src/index.ts +13 -5
  48. package/src/pierre/{PierreThroughlineCodeView.tsx → PierreWalkthroughCodeView.tsx} +39 -47
  49. package/src/pierre/index.ts +2 -2
  50. package/src/pierre/pierreFileLang.ts +1 -1
  51. package/src/stories/Pierre/CodeView.stories.tsx +3 -3
  52. package/src/stories/Subsystem/ComponentDeclarationAudit.stories.tsx +14 -14
  53. package/src/stories/Subsystem/ComponentGraph/Appearance.stories.tsx +13 -15
  54. package/src/stories/Subsystem/ComponentGraph/Basics.stories.tsx +8 -8
  55. package/src/stories/Subsystem/ComponentGraph/Captures.stories.tsx +14 -14
  56. package/src/stories/Subsystem/ComponentGraph/CustomEntities.stories.tsx +11 -10
  57. package/src/stories/Subsystem/ComponentGraph/DetailPanel.stories.tsx +13 -14
  58. package/src/stories/Subsystem/ComponentGraph/Flows.stories.tsx +31 -66
  59. package/src/stories/Subsystem/ComponentGraph/FrameworkStereotype.stories.tsx +2 -2
  60. package/src/stories/Subsystem/ComponentGraph/GraphTitle.stories.tsx +4 -4
  61. package/src/stories/Subsystem/ComponentGraph/Processes.stories.tsx +3 -3
  62. package/src/stories/Subsystem/ComponentGraph/Proposed.stories.tsx +1 -1
  63. package/src/stories/Subsystem/ComponentGraph/Scenarios.stories.tsx +518 -33
  64. package/src/stories/Subsystem/ComponentGraph/Spotlights.stories.tsx +13 -13
  65. package/src/stories/Subsystem/ComponentGraph/fixtures.ts +105 -21
  66. package/src/subsystem/FileDrawer.tsx +2 -2
  67. package/src/subsystem/SubsystemComponentGraph.tsx +268 -259
  68. package/src/subsystem/formatDeclaration.test.ts +76 -1
  69. package/src/subsystem/formatDeclaration.ts +57 -33
  70. package/src/subsystem/model.test.ts +27 -15
  71. package/src/subsystem/model.ts +175 -45
  72. package/src/subsystem/nodes.tsx +47 -13
  73. package/src/subsystem/tokenizeComponent.ts +2 -2
  74. package/dist/components/ConfigurationSelector.d.ts +0 -35
  75. package/dist/components/ConfigurationSelector.d.ts.map +0 -1
  76. package/dist/components/ConfigurationSelector.js +0 -63
  77. package/dist/components/ConfigurationSelector.js.map +0 -1
  78. package/dist/components/GraphRenderer.d.ts +0 -295
  79. package/dist/components/GraphRenderer.d.ts.map +0 -1
  80. package/dist/components/GraphRenderer.js +0 -2008
  81. package/dist/components/GraphRenderer.js.map +0 -1
  82. package/dist/components/MultiCanvasRenderer.d.ts +0 -75
  83. package/dist/components/MultiCanvasRenderer.d.ts.map +0 -1
  84. package/dist/components/MultiCanvasRenderer.js +0 -203
  85. package/dist/components/MultiCanvasRenderer.js.map +0 -1
  86. package/dist/components/NodeTooltip.d.ts +0 -24
  87. package/dist/components/NodeTooltip.d.ts.map +0 -1
  88. package/dist/components/NodeTooltip.js +0 -160
  89. package/dist/components/NodeTooltip.js.map +0 -1
  90. package/dist/components/SelectionSidebar.d.ts +0 -18
  91. package/dist/components/SelectionSidebar.d.ts.map +0 -1
  92. package/dist/components/SelectionSidebar.js +0 -190
  93. package/dist/components/SelectionSidebar.js.map +0 -1
  94. package/dist/components/SequenceDiagramRenderer.d.ts +0 -77
  95. package/dist/components/SequenceDiagramRenderer.d.ts.map +0 -1
  96. package/dist/components/SequenceDiagramRenderer.js +0 -604
  97. package/dist/components/SequenceDiagramRenderer.js.map +0 -1
  98. package/dist/components/WorkflowSequenceDiagram.d.ts +0 -63
  99. package/dist/components/WorkflowSequenceDiagram.d.ts.map +0 -1
  100. package/dist/components/WorkflowSequenceDiagram.js +0 -147
  101. package/dist/components/WorkflowSequenceDiagram.js.map +0 -1
  102. package/dist/components/dashboard/DashboardRenderer.d.ts +0 -10
  103. package/dist/components/dashboard/DashboardRenderer.d.ts.map +0 -1
  104. package/dist/components/dashboard/DashboardRenderer.js +0 -179
  105. package/dist/components/dashboard/DashboardRenderer.js.map +0 -1
  106. package/dist/components/dashboard/MetricPanel.d.ts +0 -10
  107. package/dist/components/dashboard/MetricPanel.d.ts.map +0 -1
  108. package/dist/components/dashboard/MetricPanel.js +0 -103
  109. package/dist/components/dashboard/MetricPanel.js.map +0 -1
  110. package/dist/components/dashboard/MockDataProvider.d.ts +0 -30
  111. package/dist/components/dashboard/MockDataProvider.d.ts.map +0 -1
  112. package/dist/components/dashboard/MockDataProvider.js +0 -270
  113. package/dist/components/dashboard/MockDataProvider.js.map +0 -1
  114. package/dist/components/dashboard/components/BarChart.d.ts +0 -10
  115. package/dist/components/dashboard/components/BarChart.d.ts.map +0 -1
  116. package/dist/components/dashboard/components/BarChart.js +0 -167
  117. package/dist/components/dashboard/components/BarChart.js.map +0 -1
  118. package/dist/components/dashboard/components/LineChart.d.ts +0 -10
  119. package/dist/components/dashboard/components/LineChart.d.ts.map +0 -1
  120. package/dist/components/dashboard/components/LineChart.js +0 -141
  121. package/dist/components/dashboard/components/LineChart.js.map +0 -1
  122. package/dist/components/dashboard/components/MetricCard.d.ts +0 -9
  123. package/dist/components/dashboard/components/MetricCard.d.ts.map +0 -1
  124. package/dist/components/dashboard/components/MetricCard.js +0 -163
  125. package/dist/components/dashboard/components/MetricCard.js.map +0 -1
  126. package/dist/components/dashboard/components/SourceLink.d.ts +0 -9
  127. package/dist/components/dashboard/components/SourceLink.d.ts.map +0 -1
  128. package/dist/components/dashboard/components/SourceLink.js +0 -39
  129. package/dist/components/dashboard/components/SourceLink.js.map +0 -1
  130. package/dist/components/dashboard/components/TimeRangeSelector.d.ts +0 -9
  131. package/dist/components/dashboard/components/TimeRangeSelector.d.ts.map +0 -1
  132. package/dist/components/dashboard/components/TimeRangeSelector.js +0 -167
  133. package/dist/components/dashboard/components/TimeRangeSelector.js.map +0 -1
  134. package/dist/components/dashboard/components/index.d.ts +0 -6
  135. package/dist/components/dashboard/components/index.d.ts.map +0 -1
  136. package/dist/components/dashboard/components/index.js +0 -6
  137. package/dist/components/dashboard/components/index.js.map +0 -1
  138. package/dist/components/dashboard/index.d.ts +0 -6
  139. package/dist/components/dashboard/index.d.ts.map +0 -1
  140. package/dist/components/dashboard/index.js +0 -8
  141. package/dist/components/dashboard/index.js.map +0 -1
  142. package/dist/components/dashboard/types.d.ts +0 -74
  143. package/dist/components/dashboard/types.d.ts.map +0 -1
  144. package/dist/components/dashboard/types.js +0 -8
  145. package/dist/components/dashboard/types.js.map +0 -1
  146. package/dist/components/state-view/PipelineView.d.ts +0 -14
  147. package/dist/components/state-view/PipelineView.d.ts.map +0 -1
  148. package/dist/components/state-view/PipelineView.js +0 -195
  149. package/dist/components/state-view/PipelineView.js.map +0 -1
  150. package/dist/components/state-view/index.d.ts +0 -14
  151. package/dist/components/state-view/index.d.ts.map +0 -1
  152. package/dist/components/state-view/index.js +0 -12
  153. package/dist/components/state-view/index.js.map +0 -1
  154. package/dist/components/state-view/types.d.ts +0 -188
  155. package/dist/components/state-view/types.d.ts.map +0 -1
  156. package/dist/components/state-view/types.js +0 -10
  157. package/dist/components/state-view/types.js.map +0 -1
  158. package/dist/components/state-view/useStateView.d.ts +0 -32
  159. package/dist/components/state-view/useStateView.d.ts.map +0 -1
  160. package/dist/components/state-view/useStateView.js +0 -129
  161. package/dist/components/state-view/useStateView.js.map +0 -1
  162. package/dist/contexts/GraphEditContext.d.ts +0 -20
  163. package/dist/contexts/GraphEditContext.d.ts.map +0 -1
  164. package/dist/contexts/GraphEditContext.js +0 -8
  165. package/dist/contexts/GraphEditContext.js.map +0 -1
  166. package/dist/contexts/TooltipPortalContext.d.ts +0 -8
  167. package/dist/contexts/TooltipPortalContext.d.ts.map +0 -1
  168. package/dist/contexts/TooltipPortalContext.js +0 -8
  169. package/dist/contexts/TooltipPortalContext.js.map +0 -1
  170. package/dist/edges/CustomEdge.d.ts +0 -24
  171. package/dist/edges/CustomEdge.d.ts.map +0 -1
  172. package/dist/edges/CustomEdge.js +0 -222
  173. package/dist/edges/CustomEdge.js.map +0 -1
  174. package/dist/edges/GenericEdge.d.ts +0 -18
  175. package/dist/edges/GenericEdge.d.ts.map +0 -1
  176. package/dist/edges/GenericEdge.js +0 -10
  177. package/dist/edges/GenericEdge.js.map +0 -1
  178. package/dist/graphify/kind.d.ts +0 -23
  179. package/dist/graphify/kind.d.ts.map +0 -1
  180. package/dist/graphify/kind.js +0 -77
  181. package/dist/graphify/kind.js.map +0 -1
  182. package/dist/hooks/usePathBasedEvents.d.ts +0 -42
  183. package/dist/hooks/usePathBasedEvents.d.ts.map +0 -1
  184. package/dist/hooks/usePathBasedEvents.js +0 -119
  185. package/dist/hooks/usePathBasedEvents.js.map +0 -1
  186. package/dist/hooks/useSequenceLayout.d.ts +0 -186
  187. package/dist/hooks/useSequenceLayout.d.ts.map +0 -1
  188. package/dist/hooks/useSequenceLayout.js +0 -327
  189. package/dist/hooks/useSequenceLayout.js.map +0 -1
  190. package/dist/hooks/useUndoRedo.d.ts +0 -80
  191. package/dist/hooks/useUndoRedo.d.ts.map +0 -1
  192. package/dist/hooks/useUndoRedo.js +0 -70
  193. package/dist/hooks/useUndoRedo.js.map +0 -1
  194. package/dist/nodes/CustomNode.d.ts +0 -28
  195. package/dist/nodes/CustomNode.d.ts.map +0 -1
  196. package/dist/nodes/CustomNode.js +0 -820
  197. package/dist/nodes/CustomNode.js.map +0 -1
  198. package/dist/nodes/GenericNode.d.ts +0 -20
  199. package/dist/nodes/GenericNode.d.ts.map +0 -1
  200. package/dist/nodes/GenericNode.js +0 -20
  201. package/dist/nodes/GenericNode.js.map +0 -1
  202. package/dist/nodes/otel/OtelBoundaryNode.d.ts +0 -55
  203. package/dist/nodes/otel/OtelBoundaryNode.d.ts.map +0 -1
  204. package/dist/nodes/otel/OtelBoundaryNode.js +0 -81
  205. package/dist/nodes/otel/OtelBoundaryNode.js.map +0 -1
  206. package/dist/nodes/otel/OtelEventNode.d.ts +0 -59
  207. package/dist/nodes/otel/OtelEventNode.d.ts.map +0 -1
  208. package/dist/nodes/otel/OtelEventNode.js +0 -82
  209. package/dist/nodes/otel/OtelEventNode.js.map +0 -1
  210. package/dist/nodes/otel/OtelResourceNode.d.ts +0 -53
  211. package/dist/nodes/otel/OtelResourceNode.d.ts.map +0 -1
  212. package/dist/nodes/otel/OtelResourceNode.js +0 -105
  213. package/dist/nodes/otel/OtelResourceNode.js.map +0 -1
  214. package/dist/nodes/otel/OtelScopeNode.d.ts +0 -53
  215. package/dist/nodes/otel/OtelScopeNode.d.ts.map +0 -1
  216. package/dist/nodes/otel/OtelScopeNode.js +0 -81
  217. package/dist/nodes/otel/OtelScopeNode.js.map +0 -1
  218. package/dist/nodes/otel/OtelSpanConventionNode.d.ts +0 -61
  219. package/dist/nodes/otel/OtelSpanConventionNode.d.ts.map +0 -1
  220. package/dist/nodes/otel/OtelSpanConventionNode.js +0 -131
  221. package/dist/nodes/otel/OtelSpanConventionNode.js.map +0 -1
  222. package/dist/nodes/otel/index.d.ts +0 -17
  223. package/dist/nodes/otel/index.d.ts.map +0 -1
  224. package/dist/nodes/otel/index.js +0 -13
  225. package/dist/nodes/otel/index.js.map +0 -1
  226. package/dist/nodes/otel/shared/NodeBadges.d.ts +0 -10
  227. package/dist/nodes/otel/shared/NodeBadges.d.ts.map +0 -1
  228. package/dist/nodes/otel/shared/NodeBadges.js +0 -178
  229. package/dist/nodes/otel/shared/NodeBadges.js.map +0 -1
  230. package/dist/nodes/otel/shared/NodeContent.d.ts +0 -10
  231. package/dist/nodes/otel/shared/NodeContent.d.ts.map +0 -1
  232. package/dist/nodes/otel/shared/NodeContent.js +0 -96
  233. package/dist/nodes/otel/shared/NodeContent.js.map +0 -1
  234. package/dist/nodes/otel/shared/index.d.ts +0 -8
  235. package/dist/nodes/otel/shared/index.d.ts.map +0 -1
  236. package/dist/nodes/otel/shared/index.js +0 -8
  237. package/dist/nodes/otel/shared/index.js.map +0 -1
  238. package/dist/nodes/otel/shared/types.d.ts +0 -129
  239. package/dist/nodes/otel/shared/types.d.ts.map +0 -1
  240. package/dist/nodes/otel/shared/types.js +0 -5
  241. package/dist/nodes/otel/shared/types.js.map +0 -1
  242. package/dist/nodes/otel/shared/useNodeBehavior.d.ts +0 -42
  243. package/dist/nodes/otel/shared/useNodeBehavior.d.ts.map +0 -1
  244. package/dist/nodes/otel/shared/useNodeBehavior.js +0 -61
  245. package/dist/nodes/otel/shared/useNodeBehavior.js.map +0 -1
  246. package/dist/pierre/PierreThroughlineCodeView.js.map +0 -1
  247. package/dist/subsystem/SubsystemCarousel.d.ts +0 -36
  248. package/dist/subsystem/SubsystemCarousel.d.ts.map +0 -1
  249. package/dist/subsystem/SubsystemCarousel.js +0 -163
  250. package/dist/subsystem/SubsystemCarousel.js.map +0 -1
  251. package/dist/utils/animationMapping.d.ts +0 -53
  252. package/dist/utils/animationMapping.d.ts.map +0 -1
  253. package/dist/utils/animationMapping.js +0 -126
  254. package/dist/utils/animationMapping.js.map +0 -1
  255. package/dist/utils/canvasBounds.d.ts +0 -50
  256. package/dist/utils/canvasBounds.d.ts.map +0 -1
  257. package/dist/utils/canvasBounds.js +0 -88
  258. package/dist/utils/canvasBounds.js.map +0 -1
  259. package/dist/utils/graphConverter.d.ts +0 -18
  260. package/dist/utils/graphConverter.d.ts.map +0 -1
  261. package/dist/utils/graphConverter.js +0 -114
  262. package/dist/utils/graphConverter.js.map +0 -1
  263. package/dist/utils/iconResolver.d.ts +0 -29
  264. package/dist/utils/iconResolver.d.ts.map +0 -1
  265. package/dist/utils/iconResolver.js +0 -30
  266. package/dist/utils/iconResolver.js.map +0 -1
  267. package/dist/utils/orientationUtils.d.ts +0 -19
  268. package/dist/utils/orientationUtils.d.ts.map +0 -1
  269. package/dist/utils/orientationUtils.js +0 -62
  270. 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