@genspectrum/dashboard-components 0.5.1 → 0.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "0.5.1",
+    "version": "0.5.3",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",
@@ -109,6 +109,6 @@
         "typescript": "~5.5.2",
         "vite": "^5.2.10",
         "vite-plugin-dts": "^3.8.3",
-        "vitest": "^1.5.0"
+        "vitest": "^2.0.1"
     }
 }

package/src/preact/prevalenceOverTime/prevalence-over-time-bar-chart.tsx

@@ -2,7 +2,11 @@ import { Chart, type ChartConfiguration, registerables, type TooltipItem } from
 import { BarWithErrorBar, BarWithErrorBarsController } from 'chartjs-chart-error-bars';
 
 import { maxInData } from './prevalence-over-time';
-import { type PrevalenceOverTimeData, type PrevalenceOverTimeVariantData } from '../../query/queryPrevalenceOverTime';
+import {
+    type PrevalenceOverTimeData,
+    type PrevalenceOverTimeVariantData,
+    type PrevalenceOverTimeVariantDataPoint,
+} from '../../query/queryPrevalenceOverTime';
 import type { Temporal } from '../../utils/temporal';
 import GsChart from '../components/chart';
 import { LogitScale } from '../shared/charts/LogitScale';
@@ -84,32 +88,37 @@ const getDataset = (
     index: number,
     confidenceIntervalMethod: ConfidenceIntervalMethod,
 ) => {
-    const generalConfig = {
+    return {
         borderWidth: 1,
         pointRadius: 0,
         label: prevalenceOverTimeVariant.displayName,
         backgroundColor: singleGraphColorRGBAById(index, 0.3),
         borderColor: singleGraphColorRGBAById(index),
+        data: prevalenceOverTimeVariant.content.map(mapDataPoint(confidenceIntervalMethod)),
+    };
+};
+
+const mapDataPoint = (confidenceIntervalMethod: ConfidenceIntervalMethod) => {
+    return (dataPoint: PrevalenceOverTimeVariantDataPoint) => {
+        const confidenceInterval = getConfidenceInterval(dataPoint, confidenceIntervalMethod);
+        return {
+            y: dataPoint.prevalence,
+            yMin: confidenceInterval.lowerLimit,
+            yMax: confidenceInterval.upperLimit,
+            x: dataPoint.dateRange?.toString() ?? 'Unknown',
+        };
     };
+};
 
+const getConfidenceInterval = (
+    dataPoint: PrevalenceOverTimeVariantDataPoint,
+    confidenceIntervalMethod: ConfidenceIntervalMethod,
+) => {
     switch (confidenceIntervalMethod) {
         case 'wilson':
-            return {
-                ...generalConfig,
-                data: prevalenceOverTimeVariant.content.map((dataPoint) => ({
-                    y: dataPoint.prevalence,
-                    yMin: wilson95PercentConfidenceInterval(dataPoint.count, dataPoint.total).lowerLimit,
-                    yMax: wilson95PercentConfidenceInterval(dataPoint.count, dataPoint.total).upperLimit,
-                    x: dataPoint.dateRange?.toString() ?? 'Unknown',
-                })),
-            };
+            return wilson95PercentConfidenceInterval(dataPoint.count, dataPoint.total);
         default:
-            return {
-                ...generalConfig,
-                data: prevalenceOverTimeVariant.content.map((dataPoint) => {
-                    return { y: dataPoint.prevalence, x: dataPoint.dateRange };
-                }),
-            };
+            return { lowerLimit: undefined, upperLimit: undefined };
     }
 };
 

package/src/query/queryPrevalenceOverTime.ts

@@ -19,7 +19,14 @@ export type PrevalenceOverTimeData = PrevalenceOverTimeVariantData[];
 
 export type PrevalenceOverTimeVariantData = {
     displayName: string;
-    content: { count: number; prevalence: number; total: number; dateRange: Temporal | null }[];
+    content: PrevalenceOverTimeVariantDataPoint[];
+};
+
+export type PrevalenceOverTimeVariantDataPoint = {
+    count: number;
+    prevalence: number;
+    total: number;
+    dateRange: Temporal | null;
 };
 
 export function queryPrevalenceOverTime(

package/src/web-components/input/gs-mutation-filter.tsx

@@ -72,7 +72,7 @@ export class MutationFilterComponent extends PreactLitAdapter {
      * All values provided must be valid mutations or insertions.
      * Invalid values will be ignored.
      */
-    @property()
+    @property({ type: Object })
     initialValue:
         {
             nucleotideMutations: string[];