@allurereport/web-dashboard 3.0.0-beta.18 → 3.0.0-beta.19

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-24e261ecaf6a189105f2.js"
+  "main.js": "app-7bcc055d079abc1ab4eb.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-dashboard",
-  "version": "3.0.0-beta.18",
+  "version": "3.0.0-beta.19",
   "description": "The static files for Allure Dashboard Report",
   "keywords": [
     "allure",
@@ -31,9 +31,9 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/core-api": "3.0.0-beta.18",
-    "@allurereport/web-commons": "3.0.0-beta.18",
-    "@allurereport/web-components": "3.0.0-beta.18",
+    "@allurereport/core-api": "3.0.0-beta.19",
+    "@allurereport/web-commons": "3.0.0-beta.19",
+    "@allurereport/web-components": "3.0.0-beta.19",
     "@preact/signals": "^1.3.0",
     "clsx": "^2.1.1",
     "i18next": "^24.0.2",

package/src/components/Dashboard/index.tsx

@@ -1,13 +1,16 @@
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
-import { ChartType } from "@allurereport/core-api";
-import { type UIChartData, capitalize } from "@allurereport/web-commons";
+import { ChartType, capitalize } from "@allurereport/core-api";
+import { type UIChartData } from "@allurereport/web-commons";
 import {
+  BarChartWidget,
   ComingSoonChartWidget,
   Grid,
   GridItem,
+  HeatMapWidget,
   Loadable,
   PageLoader,
   SuccessRatePieChart,
+  TreeMapChartWidget,
   TrendChartWidget,
   Widget,
 } from "@allurereport/web-components";
@@ -50,10 +53,47 @@ const getChartWidgetByType = (
         </Widget>
       );
     }
-    case ChartType.HeatMap:
-    case ChartType.Bar:
-    case ChartType.Funnel:
+    case ChartType.Bar: {
+      const type = t(`bar.type.${chartData.dataType}`);
+      const title = chartData.title ?? t("bar.title", { type: capitalize(type) });
+
+      return (
+        <BarChartWidget
+          title={title}
+          mode={chartData.mode}
+          data={chartData.data}
+          keys={chartData.keys}
+          indexBy={chartData.indexBy}
+          colors={chartData.colors}
+          groupMode={chartData.groupMode}
+          translations={{ "no-results": empty("no-results") }}
+        />
+      );
+    }
     case ChartType.TreeMap: {
+      return (
+        <TreeMapChartWidget
+          data={chartData.treeMap}
+          title={chartData.title}
+          formatLegend={chartData.formatLegend}
+          colors={chartData.colors}
+          legendDomain={chartData.legendDomain}
+          tooltipRows={chartData.tooltipRows}
+          translations={{ "no-results": empty("no-results") }}
+        />
+      );
+    }
+    case ChartType.HeatMap: {
+      return (
+        <HeatMapWidget
+          title={chartData.title}
+          data={chartData.data}
+          colors={chartData.colors}
+          translations={{ "no-results": empty("no-results") }}
+        />
+      );
+    }
+    default: {
       const title = chartData.title ?? t(`charts.${chartData.type}.title`, { fallback: `${chartData.type} Chart` });
 
       return <ComingSoonChartWidget title={title} />;

package/src/components/Dashboard/styles.scss

@@ -7,12 +7,12 @@
 
 .overview-grid {
   display: grid;
-  gap: 24px;
+  gap: 12px;
   grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(50% - 12px)), 1fr));
 }
 
 .overview-grid-item {
-  padding: 12px;
+  padding: 4px;
   width: 100%;
 }
 

package/vitest.config.ts

@@ -1,20 +1,6 @@
 import { createRequire } from "node:module";
-import { platform } from "node:os";
 import { defineConfig } from "vitest/config";
 
-const getOsLabel = () => {
-  switch (platform()) {
-    case "win32":
-      return "Windows";
-    case "darwin":
-      return "macOS";
-    case "linux":
-      return "Linux";
-    default:
-      return platform();
-  }
-};
-
 const require = createRequire(import.meta.url);
 
 export default defineConfig({
@@ -26,7 +12,7 @@ export default defineConfig({
       "default",
       [
         "allure-vitest/reporter",
-        { resultsDir: "./out/allure-results", globalLabels: [{ name: "module", value: "web-dashboard" }, { name: "os", value: getOsLabel() }] },
+        { resultsDir: "./out/allure-results", globalLabels: [{ name: "module", value: "web-dashboard" }] },
       ],
     ],
   },