@genspectrum/dashboard-components 1.1.0 → 1.2.0

package/src/preact/locationFilter/location-filter.tsx

@@ -110,8 +110,8 @@ function filterByInputValue(item: SelectItem, inputValue: string | null) {
         return true;
     }
     return (
-        item?.label?.toLowerCase().includes(inputValue.toLowerCase()) ||
-        item?.description.toLowerCase().includes(inputValue.toLowerCase())
+        !!item.label?.toLowerCase().includes(inputValue.toLowerCase()) ||
+        item.description.toLowerCase().includes(inputValue.toLowerCase())
     );
 }
 
@@ -143,8 +143,8 @@ function concatenateLocation(locationFilter: LapisLocationFilter, fields: string
 }
 
 function emptyLocationFilter(fields: string[]) {
-    return fields.reduce((acc, field) => {
+    return fields.reduce<LapisLocationFilter>((acc, field) => {
         acc[field] = undefined;
         return acc;
-    }, {} as LapisLocationFilter);
+    }, {});
 }

package/src/preact/mutationComparison/getMutationComparisonTableData.ts

@@ -3,9 +3,7 @@ import { type Dataset } from '../../operator/Dataset';
 import { type DeletionClass, type SubstitutionClass } from '../../utils/mutations';
 import { type ProportionInterval } from '../components/proportion-selector';
 
-type Proportions = {
-    [displayName: string]: number;
-};
+type Proportions = Record<string, number>;
 
 type MutationComparisonRow = {
     mutation: SubstitutionClass | DeletionClass;

package/src/preact/mutationComparison/mutation-comparison-venn.tsx

@@ -110,7 +110,7 @@ export const MutationComparisonVenn: FunctionComponent<MutationComparisonVennPro
             <div className='flex-1'>
                 <GsChart configuration={config} />
             </div>
-            <p class='flex flex-wrap break-words m-2'>
+            <p className='flex flex-wrap break-words m-2'>
                 <SelectedMutationsDescription
                     selectedDatasetIndex={selectedDatasetIndex}
                     sets={sets}

package/src/preact/mutationComparison/mutation-comparison.tsx

@@ -16,7 +16,6 @@ import Info, { InfoComponentCode, InfoHeadline1, InfoHeadline2, InfoParagraph }
 import { LoadingDisplay } from '../components/loading-display';
 import { DeletionsLink, ProportionExplanation, SubstitutionsLink } from '../components/mutation-info';
 import { type DisplayedMutationType, MutationTypeSelector } from '../components/mutation-type-selector';
-import { NoDataDisplay } from '../components/no-data-display';
 import { type ProportionInterval } from '../components/proportion-selector';
 import { ProportionSelectorDropdown } from '../components/proportion-selector-dropdown';
 import { ResizeContainer } from '../components/resize-container';
@@ -68,10 +67,6 @@ const MutationComparisonInner: FunctionComponent<MutationComparisonProps> = (com
         throw error;
     }
 
-    if (data === null) {
-        return <NoDataDisplay />;
-    }
-
     return <MutationComparisonTabs data={data.mutationData} originalComponentProps={componentProps} />;
 };
 

package/src/preact/mutationFilter/mutation-filter-info.tsx

@@ -191,10 +191,10 @@ const exampleSegmentString = (referenceGenome: ReferenceGenome) => {
 
 const exampleSegment = (referenceGenome: ReferenceGenome) => {
     if (referenceGenome.genes.length > 0) {
-        return `${referenceGenome.genes[0].name}`;
+        return referenceGenome.genes[0].name;
     }
     if (referenceGenome.nucleotideSequences.length > 1) {
-        return `${referenceGenome.nucleotideSequences[0].name}`;
+        return referenceGenome.nucleotideSequences[0].name;
     }
     return '';
 };

package/src/preact/mutationFilter/mutation-filter.tsx

@@ -112,7 +112,7 @@ function MutationFilterInner({ initialValue }: MutationFilterInnerProps) {
     const handleInputChange = (newInputValue: string | undefined) => {
         setShowErrorIndicator(false);
         if (newInputValue?.includes(',')) {
-            const values = newInputValue?.split(',').map((value) => {
+            const values = newInputValue.split(',').map((value) => {
                 return { value, parsedValue: parseAndValidateMutation(value.trim(), referenceGenome) };
             });
             const validEntries = values.map((value) => value.parsedValue).filter((value) => value !== null);

package/src/preact/mutations/getMutationsGridData.ts

@@ -18,9 +18,7 @@ const accumulateByPosition = (data: SubstitutionOrDeletionEntry[], sequenceType:
     const referenceBases = new Map<string, string | undefined>();
 
     for (const mutationEntry of data) {
-        const position =
-            (mutationEntry.mutation.segment ? `${mutationEntry.mutation.segment}:` : '') +
-            mutationEntry.mutation.position;
+        const position = `${mutationEntry.mutation.segment ? `${mutationEntry.mutation.segment}:` : ''}${mutationEntry.mutation.position}`;
         referenceBases.set(position, mutationEntry.mutation.valueAtReference);
 
         const initiallyFillPositionsToProportionAtBase = () => {
@@ -69,9 +67,7 @@ const accumulateByPosition = (data: SubstitutionOrDeletionEntry[], sequenceType:
     });
 };
 
-export type BasesData = {
-    [base: string]: BaseCell;
-};
+export type BasesData = Record<string, BaseCell>;
 export type MutationsGridDataRow = BasesData & { position: string };
 
 const byProportion = (row: MutationsGridDataRow, proportionInterval: ProportionInterval) => {

package/src/preact/mutations/getMutationsTableData.ts

@@ -30,7 +30,7 @@ export function getMutationsTableData(
     }, new Map<string, number>());
 
     return tableData.map((datum) => {
-        const baselineMutationCount = baselineMutationCounts.get(datum.mutation.code) || 0;
+        const baselineMutationCount = baselineMutationCounts.get(datum.mutation.code) ?? 0;
         const jaccardSimilarity = calculateJaccardSimilarity(overallVariantCount, baselineMutationCount, datum.count);
 
         return {

package/src/preact/mutations/mutations-grid.tsx

@@ -62,7 +62,7 @@ export const MutationsGrid: FunctionComponent<MutationsGridProps> = ({
                 },
                 formatter: (cell: BaseCell) => formatProportion(cell.proportion),
                 attributes: (cell: BaseCell, row: Row) => {
-                    // grid-js: the cell and row are null for header cells
+                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- grid-js: the cell and row are null for header cells
                     if (row === null) {
                         return {};
                     }

package/src/preact/mutations/mutations.tsx

@@ -24,7 +24,6 @@ import Info, { InfoComponentCode, InfoHeadline1, InfoParagraph } from '../compon
 import { LoadingDisplay } from '../components/loading-display';
 import { DeletionsLink, InsertionsLink, ProportionExplanation, SubstitutionsLink } from '../components/mutation-info';
 import { type DisplayedMutationType, MutationTypeSelector } from '../components/mutation-type-selector';
-import { NoDataDisplay } from '../components/no-data-display';
 import type { ProportionInterval } from '../components/proportion-selector';
 import { ProportionSelectorDropdown } from '../components/proportion-selector-dropdown';
 import { ResizeContainer } from '../components/resize-container';
@@ -75,10 +74,6 @@ export const MutationsInner: FunctionComponent<MutationsProps> = (componentProps
         throw error;
     }
 
-    if (data === null) {
-        return <NoDataDisplay />;
-    }
-
     return <MutationsTabs mutationsData={data} originalComponentProps={componentProps} />;
 };
 

package/src/preact/mutationsOverTime/mutations-over-time.tsx

@@ -12,7 +12,6 @@ import {
 } from './getFilteredMutationsOverTimeData';
 import { type MutationOverTimeWorkerResponse } from './mutationOverTimeWorker';
 import MutationsOverTimeGrid from './mutations-over-time-grid';
-import { type MutationOverTimeQuery } from '../../query/queryMutationsOverTime';
 import {
     lapisFilterSchema,
     sequenceTypeSchema,
@@ -91,7 +90,7 @@ export const MutationsOverTimeInner: FunctionComponent<MutationsOverTimeProps> =
         };
     }, [granularity, lapis, lapisDateField, lapisFilter, sequenceType]);
 
-    const { data, error, isLoading } = useWebWorker<MutationOverTimeQuery, MutationOverTimeWorkerResponse>(
+    const { data, error, isLoading } = useWebWorker<MutationOverTimeWorkerResponse>(
         messageToWorker,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         MutationOverTimeWorker,
@@ -105,7 +104,7 @@ export const MutationsOverTimeInner: FunctionComponent<MutationsOverTimeProps> =
         throw error;
     }
 
-    if (data === null || data === undefined || data.overallMutationData.length === 0) {
+    if (data === undefined || data.overallMutationData.length === 0) {
         return <NoDataDisplay />;
     }
 
@@ -173,13 +172,8 @@ const MutationsOverTimeTabs: FunctionComponent<MutationOverTimeTabsProps> = ({
     ]);
 
     const getTab = (view: MutationsOverTimeView) => {
-        if (filteredData === undefined) {
-            return {
-                title: 'Calculating',
-                content: <LoadingDisplay />,
-            };
-        }
         switch (view) {
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- for extensibility
             case 'grid':
                 return {
                     title: 'Grid',

package/src/preact/numberRangeFilter/number-range-filter.tsx

@@ -90,10 +90,10 @@ const NumberRangeFilterInner: FunctionComponent<NumberRangeFilterInnerProps> = (
                 <div className={`join-item w-full flex input px-2 ${inputError}`}>
                     <input
                         type='text'
-                        inputmode='numeric'
+                        inputMode='numeric'
                         className='w-full grow capitalize'
                         placeholder={`${lapisField} from`}
-                        value={currentRange.inputState.min ?? ''}
+                        value={currentRange.inputState.min}
                         onInput={(e) => {
                             dispatchRange({
                                 type: SetRangeActionType.SET_MIN,
@@ -116,10 +116,10 @@ const NumberRangeFilterInner: FunctionComponent<NumberRangeFilterInnerProps> = (
                 <div className={`join-item w-full flex input px-2 ${inputError}`}>
                     <input
                         type='text'
-                        inputmode='numeric'
+                        inputMode='numeric'
                         className='w-full grow capitalize'
                         placeholder={`${lapisField} to`}
-                        value={currentRange.inputState.max ?? ''}
+                        value={currentRange.inputState.max}
                         onInput={(e) => {
                             dispatchRange({
                                 type: SetRangeActionType.SET_MAX,

package/src/preact/numberSequencesOverTime/getNumberOfSequencesOverTimeTableData.ts

@@ -1,7 +1,7 @@
 import type { NumberOfSequencesDatasets } from '../../query/queryNumberOfSequencesOverTime';
 import { generateAllInRange, getMinMaxTemporal, type TemporalClass } from '../../utils/temporalClass';
 
-type TableRow<DateRangeKey extends string> = { [K in DateRangeKey]: string } & { [key: string]: number };
+type TableRow<DateRangeKey extends string> = Record<DateRangeKey, string> & Record<string, number>;
 
 export const getNumberOfSequencesOverTimeTableData = <DateRangeKey extends string>(
     data: NumberOfSequencesDatasets,
@@ -17,9 +17,6 @@ export const getNumberOfSequencesOverTimeTableData = <DateRangeKey extends strin
         .reduce((acc, keys) => new Set([...acc, ...keys]), new Set<TemporalClass | null>());
 
     const minMax = getMinMaxTemporal(allDateRangesThatOccurInData);
-    if (minMax === null) {
-        return [];
-    }
 
     const allDateRanges: (TemporalClass | null)[] = generateAllInRange(minMax.min, minMax.max);
 

package/src/preact/numberSequencesOverTime/number-sequences-over-time.tsx

@@ -18,7 +18,6 @@ import { ErrorBoundary } from '../components/error-boundary';
 import { Fullscreen } from '../components/fullscreen';
 import Info, { InfoComponentCode, InfoHeadline1, InfoParagraph } from '../components/info';
 import { LoadingDisplay } from '../components/loading-display';
-import { NoDataDisplay } from '../components/no-data-display';
 import { ResizeContainer } from '../components/resize-container';
 import { ScalingSelector } from '../components/scaling-selector';
 import Tabs from '../components/tabs';
@@ -76,10 +75,6 @@ const NumberSequencesOverTimeInner = (componentProps: NumberSequencesOverTimePro
         throw error;
     }
 
-    if (data === null) {
-        return <NoDataDisplay />;
-    }
-
     return <NumberSequencesOverTimeTabs data={data} originalComponentProps={componentProps} />;
 };
 

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

@@ -56,7 +56,7 @@ const PrevalenceOverTimeBarChart = ({
 
         const maxY =
             yAxisScaleType !== 'logit'
-                ? getYAxisMax(maxInData(nullFirstData), yAxisMaxConfig?.[yAxisScaleType])
+                ? getYAxisMax(maxInData(nullFirstData), yAxisMaxConfig[yAxisScaleType])
                 : undefined;
 
         return {

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

@@ -54,7 +54,7 @@ const PrevalenceOverTimeBubbleChart = ({
 
         const maxY =
             yAxisScaleType !== 'logit'
-                ? getYAxisMax(maxInData(nonNullDateRangeData), yAxisMaxConfig?.[yAxisScaleType])
+                ? getYAxisMax(maxInData(nonNullDateRangeData), yAxisMaxConfig[yAxisScaleType])
                 : undefined;
 
         return {

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

@@ -55,7 +55,7 @@ const PrevalenceOverTimeLineChart = ({
 
         const maxY =
             yAxisScaleType !== 'logit'
-                ? getYAxisMax(maxInData(nonNullDateRangeData), yAxisMaxConfig?.[yAxisScaleType])
+                ? getYAxisMax(maxInData(nonNullDateRangeData), yAxisMaxConfig[yAxisScaleType])
                 : undefined;
 
         return {

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

@@ -90,7 +90,7 @@ export const PrevalenceOverTimeInner: FunctionComponent<PrevalenceOverTimeProps>
         throw error;
     }
 
-    if (data === null || data.every((variant) => variant.content.length === 0)) {
+    if (data.every((variant) => variant.content.length === 0)) {
         return <NoDataDisplay />;
     }
 

package/src/preact/relativeGrowthAdvantage/relative-growth-advantage-chart.tsx

@@ -43,7 +43,7 @@ const RelativeGrowthAdvantageChart = ({
     const config = useMemo<ChartConfiguration>(() => {
         const maxY =
             yAxisScaleType !== 'logit'
-                ? getYAxisMax(Math.max(...data.proportion), yAxisMaxConfig?.[yAxisScaleType])
+                ? getYAxisMax(Math.max(...data.proportion), yAxisMaxConfig[yAxisScaleType])
                 : undefined;
 
         return {
@@ -92,11 +92,11 @@ const RelativeGrowthAdvantageDisplay = ({
     relativeAdvantageUpperBound: number;
 }) => {
     return (
-        <div class='mx-auto flex items-end flex-wrap'>
-            <span class='text-[#606060]'>Relative advantage:</span>
+        <div className='mx-auto flex items-end flex-wrap'>
+            <span className='text-[#606060]'>Relative advantage:</span>
             <div>
-                <span class='text-2xl ml-3'> {formatProportion(relativeAdvantage)} </span>
-                <span class='ml-2.5'>
+                <span className='text-2xl ml-3'> {formatProportion(relativeAdvantage)} </span>
+                <span className='ml-2.5'>
                     ({formatProportion(relativeAdvantageLowerBound)} - {formatProportion(relativeAdvantageUpperBound)})
                 </span>
             </div>

package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.tsx

@@ -77,10 +77,6 @@ export const RelativeGrowthAdvantageInner: FunctionComponent<RelativeGrowthAdvan
         throw error;
     }
 
-    if (data === null) {
-        return <NoDataDisplay />;
-    }
-
     return (
         <RelativeGrowthAdvantageTabs
             data={data}
@@ -110,6 +106,7 @@ const RelativeGrowthAdvantageTabs: FunctionComponent<RelativeGrowthAdvantageTabs
 
     const getTab = (view: RelativeGrowthAdvantageView) => {
         switch (view) {
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- for extensibility
             case 'line':
                 return {
                     title: 'Line',

package/src/preact/sequencesByLocation/loadMapSource.tsx

@@ -18,6 +18,7 @@ export type GeoJsonFeatureProperties = {
 
 export async function loadMapSource(mapSource: MapSource) {
     switch (mapSource.type) {
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- for future extensibility
         case 'topojson':
             return await loadTopojsonMap(mapSource);
     }
@@ -28,17 +29,19 @@ async function loadTopojsonMap(
 ): Promise<FeatureCollection<GeometryObject, GeoJsonFeatureProperties>> {
     const response = await fetch(mapSource.url);
     const topology = (await response.json()) as Topology;
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- for future extensibility
     if (topology?.type !== 'Topology') {
         throw new UserFacingError(
             'Invalid map source',
             `JSON downloaded from ${mapSource.url} does not look like a topojson Topology definition: missing 'type: "Topology"', got '${JSON.stringify(topology).substring(0, 100)}'`,
         );
     }
-    const object = topology?.objects[mapSource.topologyObjectsKey] as GeometryCollection<GeoJsonFeatureProperties>;
+    const object = topology.objects[mapSource.topologyObjectsKey] as GeometryCollection<GeoJsonFeatureProperties>;
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- to be safe
     if (object?.type !== 'GeometryCollection') {
         throw new UserFacingError(
             'Invalid map source',
-            `JSON downloaded from ${mapSource.url} does not have a GeometryCollection at key objects.${mapSource.topologyObjectsKey}, got '${JSON.stringify(topology)?.substring(0, 100)}'`,
+            `JSON downloaded from ${mapSource.url} does not have a GeometryCollection at key objects.${mapSource.topologyObjectsKey}, got '${JSON.stringify(topology).substring(0, 100)}'`,
         );
     }
     return topojson.feature(topology, object);

package/src/preact/shared/aspectRatio/AspectRatio.tsx

@@ -6,7 +6,7 @@ export function AspectRatio({ children, aspectRatio }: PropsWithChildren<{ aspec
     }
 
     return (
-        <div class={`w-full relative`} style={{ paddingTop: `${aspectRatio}%` }}>
+        <div className={`w-full relative`} style={{ paddingTop: `${aspectRatio}%` }}>
             <div className='absolute inset-0'>{children}</div>
         </div>
     );

package/src/preact/shared/floating-ui/hooks.ts

@@ -6,10 +6,10 @@ import type { MutableRefObject } from 'react';
 export function useFloatingUi(
     referenceRef: MutableRefObject<HTMLElement | null>,
     floatingRef: MutableRefObject<HTMLElement | null>,
-    middleware?: Array<Middleware | null | undefined | false>,
+    middleware?: (Middleware | null | undefined | false)[],
     placement?: Placement,
 ) {
-    const cleanupRef = useRef<() => void | null>(null);
+    const cleanupRef = useRef<(() => void) | null>(null);
 
     useEffect(() => {
         if (!referenceRef.current || !floatingRef.current) {

package/src/preact/shared/sort/sortMutationPositions.ts

@@ -1,8 +1,8 @@
 const pattern = /(?:([A-Za-z0-9]+):)?(\d+)$/;
 
 export const sortMutationPositions = (a: string, b: string) => {
-    const aMatch = a.match(pattern);
-    const bMatch = b.match(pattern);
+    const aMatch = pattern.exec(a);
+    const bMatch = pattern.exec(b);
 
     if (aMatch && bMatch) {
         if (aMatch[1] !== bMatch[1]) {

package/src/preact/shared/tanstackTable/pagination.tsx

@@ -67,10 +67,10 @@ function PageSizeSelector({
                 className={`select select-ghost select-sm ${heightForSmallerLines}`}
                 value={pageSize}
                 onChange={(e) => {
-                    const pageSize = Number(e.currentTarget?.value);
+                    const pageSize = Number(e.currentTarget.value);
                     if (Number.isNaN(pageSize)) {
                         throw new Error(
-                            `Invalid page size selected: The value ${e.currentTarget?.value} could not be parsed as a number.`,
+                            `Invalid page size selected: The value ${e.currentTarget.value} could not be parsed as a number.`,
                         );
                     }
                     setPageSize(pageSize);

package/src/preact/shared/tanstackTable/tanstackTable.tsx

@@ -1,5 +1,5 @@
 import { createTable, type RowData, type TableOptions, type TableOptionsResolved } from '@tanstack/table-core';
-import { type ComponentType, h, type VNode } from 'preact';
+import { type ComponentType, type VNode } from 'preact';
 import { useEffect, useState } from 'preact/hooks';
 
 import { usePageSizeContext } from './pagination-context';

package/src/preact/statistic/statistics.tsx

@@ -7,7 +7,6 @@ import { useDispatchFinishedLoadingEvent } from '../../utils/useDispatchFinished
 import { useLapisUrl } from '../LapisUrlContext';
 import { ErrorBoundary } from '../components/error-boundary';
 import { LoadingDisplay } from '../components/loading-display';
-import { NoDataDisplay } from '../components/no-data-display';
 import { ResizeContainer } from '../components/resize-container';
 import { formatProportion } from '../shared/table/formatProportion';
 import { useQuery } from '../useQuery';
@@ -49,10 +48,6 @@ export const StatisticsInner: FunctionComponent<StatisticsProps> = (componentPro
         throw error;
     }
 
-    if (data === null) {
-        return <NoDataDisplay />;
-    }
-
     return <MetricDataTabs data={data} />;
 };
 

package/src/preact/textFilter/fetchStringAutocompleteList.ts

@@ -21,14 +21,5 @@ export async function fetchStringAutocompleteList({
     return data
         .map((item) => ({ count: item.count, value: item[field] }))
         .filter((item): item is { count: number; value: string } => item.value !== null)
-        .sort((a, b) => {
-            if (a.value === null) {
-                return 1;
-            }
-            if (b.value === null) {
-                return -1;
-            }
-
-            return a.value.localeCompare(b.value);
-        });
+        .sort((a, b) => a.value.localeCompare(b.value));
 }

package/src/preact/textFilter/text-filter.tsx

@@ -8,7 +8,6 @@ import { lapisFilterSchema } from '../../types';
 import { DownshiftCombobox } from '../components/downshift-combobox';
 import { ErrorBoundary } from '../components/error-boundary';
 import { LoadingDisplay } from '../components/loading-display';
-import { NoDataDisplay } from '../components/no-data-display';
 import { ResizeContainer } from '../components/resize-container';
 import { useQuery } from '../useQuery';
 
@@ -60,10 +59,6 @@ const TextFilterInner: FunctionComponent<TextFilterInnerProps> = ({
         throw error;
     }
 
-    if (data === null) {
-        return <NoDataDisplay />;
-    }
-
     return <TextSelector lapisField={lapisField} value={value} placeholderText={placeholderText} data={data} />;
 };
 
@@ -106,5 +101,5 @@ function filterByInputValue(item: SelectItem, inputValue: string | null) {
     if (inputValue === null || inputValue === '') {
         return true;
     }
-    return item.value?.toLowerCase().includes(inputValue?.toLowerCase() || '');
+    return item.value.toLowerCase().includes(inputValue.toLowerCase());
 }

package/src/preact/wastewater/mutationsOverTime/wastewater-mutations-over-time.tsx

@@ -100,7 +100,7 @@ function useDisplayedSegments(mutations: MutationOverTimeDataPerLocation) {
     const displayedSegments = useMemo(() => {
         const unique = [
             ...new Set(
-                mutations.flatMap(({ data }) => data.getFirstAxisKeys().map((mutation) => mutation.segment || '')),
+                mutations.flatMap(({ data }) => data.getFirstAxisKeys().map((mutation) => mutation.segment ?? '')),
             ),
         ];
 

package/src/preact/webWorkers/useWebWorker.ts

@@ -23,7 +23,8 @@ export type ErrorWorkerStatus =
       };
 export type WorkerStatus<Response> = LoadingWorkerStatus | SuccessWorkerStatus<Response> | ErrorWorkerStatus;
 
-export function useWebWorker<Request, Response>(messageToWorker: Request, WorkerConstructor: new () => Worker) {
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters -- We need the return type
+export function useWebWorker<Response>(messageToWorker: unknown, WorkerConstructor: new () => Worker) {
     const [data, setData] = useState<Response | undefined>(undefined);
     const [error, setError] = useState<Error | undefined>(undefined);
     const [isLoading, setIsLoading] = useState(true);

package/src/preact/webWorkers/workerFunction.ts

@@ -1,7 +1,7 @@
 import { type ErrorWorkerStatus, type LoadingWorkerStatus, type SuccessWorkerStatus } from './useWebWorker';
 import { UserFacingError } from '../components/error-display';
 
-export async function workerFunction<R>(queryFunction: () => R) {
+export async function workerFunction(queryFunction: () => unknown) {
     try {
         postMessage({ status: 'loading' } satisfies LoadingWorkerStatus);
 
@@ -10,7 +10,7 @@ export async function workerFunction<R>(queryFunction: () => R) {
         postMessage({
             status: 'success',
             data: workerResponse,
-        } satisfies SuccessWorkerStatus<R>);
+        } satisfies SuccessWorkerStatus<unknown>);
     } catch (error) {
         postMessage(
             (error instanceof UserFacingError

package/src/query/computeMapLocationData.ts

@@ -83,7 +83,7 @@ function matchLocationDataAndGeoJsonFeatures(
 
     const locations: Feature<GeometryObject, EnhancedGeoJsonFeatureProperties>[] = geojsonData.features.map(
         (feature) => {
-            const name = feature?.properties?.name;
+            const name = feature.properties.name;
             if (typeof name !== 'string') {
                 throw new Error(
                     `GeoJSON feature with id '${feature.id}' does not have 'properties.name' of type string, was: '${name}'`,

package/src/query/queryAggregatedDataOverTime.ts

@@ -14,13 +14,13 @@ import {
     type TemporalClass,
 } from '../utils/temporalClass';
 
-export function queryAggregatedDataOverTime<LapisDateField extends string>(
+export function queryAggregatedDataOverTime(
     filter: LapisFilter,
     granularity: TemporalGranularity,
     smoothingWindow: number,
-    lapisDateField: LapisDateField,
+    lapisDateField: string,
 ) {
-    const fetchData = new FetchAggregatedOperator<{ [key in LapisDateField]: string | null }>(filter, [lapisDateField]);
+    const fetchData = new FetchAggregatedOperator<Record<string, string | null>>(filter, [lapisDateField]);
     const dataWithFixedDateKey = new RenameFieldOperator(fetchData, lapisDateField, 'date');
     const mapData = new MapOperator(dataWithFixedDateKey, (d) => mapDateToGranularityRange(d, granularity));
     const groupByData = new GroupByAndSumOperator(mapData, 'dateRange', 'count');

package/src/query/queryMutationsOverTime.spec.ts

@@ -231,18 +231,14 @@ describe('queryMutationsOverTime', () => {
                         minProportion: 0.001,
                     },
                     response: {
-                        data: [
-                            getSomeTestMutation(0.1, 1),
-                            getSomeTestMutation(0.3, 3),
-                            getSomeOtherTestMutation(0.4, 4),
-                        ],
+                        data: [getSomeTestMutation(0.2, 4), getSomeOtherTestMutation(0.4, 4)],
                     },
                 },
             ],
             'nucleotide',
         );
 
-        const { mutationOverTimeData } = await queryMutationsOverTimeData({
+        const { mutationOverTimeData, overallMutationData } = await queryMutationsOverTimeData({
             lapisFilter,
             sequenceType: 'nucleotide',
             lapis: DUMMY_LAPIS_URL,
@@ -263,6 +259,8 @@ describe('queryMutationsOverTime', () => {
             ],
         ]);
 
+        expect(overallMutationData.length).toBe(2);
+
         const sequences = mutationOverTimeData.getFirstAxisKeys();
         expect(sequences[0].code).toBe('otherSequenceName:G234C');
         expect(sequences[1].code).toBe('sequenceName:A123T');
@@ -435,14 +433,14 @@ describe('queryMutationsOverTime', () => {
                         minProportion: 0.001,
                     },
                     response: {
-                        data: [getSomeTestMutation(0.2, 2), getSomeTestMutation(0.3, 3)],
+                        data: [getSomeTestMutation(0.25, 5)],
                     },
                 },
             ],
             'nucleotide',
         );
 
-        const { mutationOverTimeData } = await queryMutationsOverTimeData({
+        const { mutationOverTimeData, overallMutationData } = await queryMutationsOverTimeData({
             lapisFilter,
             sequenceType: 'nucleotide',
             lapis: DUMMY_LAPIS_URL,
@@ -450,6 +448,8 @@ describe('queryMutationsOverTime', () => {
             granularity: 'day',
         });
 
+        expect(overallMutationData.length).toBe(1);
+
         expect(mutationOverTimeData.getAsArray()).to.deep.equal([
             [
                 { type: 'value', proportion: 0.2, count: 2, totalCount: 11 },
@@ -527,7 +527,7 @@ describe('queryMutationsOverTime', () => {
                         minProportion: 0.001,
                     },
                     response: {
-                        data: [getSomeTestMutation(0.1, 1), getSomeTestMutation(0.2, 2)],
+                        data: [getSomeTestMutation(0.15, 3)],
                     },
                 },
             ],