Add generic xy view

Implement the new generic xy view to support non-time
x-axis xy view. This new view uses a new  endpoint in
the tsp introduced in:

eclipse-cdt-cloud/trace-server-protocol#114

Signed-off-by: Siwei Zhang <[email protected]>

Author: Siwei Zhang

base/package.json

@@ -16,7 +16,7 @@
         "src"
     ],
     "dependencies": {
-        "tsp-typescript-client": "^0.7.0"
+        "tsp-typescript-client": "^0.8.0"
     },
     "devDependencies": {
         "@typescript-eslint/eslint-plugin": "^6.0.0",

react-components/package.json

@@ -36,7 +36,7 @@
         "react-virtualized": "^9.21.0",
         "timeline-chart": "^0.4.2",
         "traceviewer-base": "0.9.1",
-        "tsp-typescript-client": "^0.7.0"
+        "tsp-typescript-client": "^0.8.0"
     },
     "devDependencies": {
         "@testing-library/react": "^15.0.6",

react-components/src/components/abstract-tree-output-component.tsx

@@ -130,7 +130,8 @@ export abstract class AbstractTreeOutputComponent<
 
     public getTreeWidth(): number {
         // Make tree thinner when chart has a y-axis
-        const yAxisWidth = this.props.outputDescriptor.type === 'TREE_TIME_XY' ? this.getYAxisWidth() : 0;
+        const type = this.props.outputDescriptor.type;
+        const yAxisWidth = type === 'TREE_TIME_XY' || type === 'TREE_GENERIC_XY' ? this.getYAxisWidth() : 0;
         return Math.max(0, this.props.style.chartOffset - this.getHandleWidth() - yAxisWidth - this.getSashWidth());
     }