@genspectrum/dashboard-components 1.1.0 → 1.3.0

package/src/preact/genomeViewer/loadGff3.ts

@@ -12,9 +12,7 @@ type Position = {
     end: number;
 };
 
-type CDSMap = {
-    [id: string]: { positions: Position[]; label: string };
-};
+type CDSMap = Record<string, { positions: Position[]; label: string }>;
 
 export async function loadGff3(gff3Source: string, genomeLength: number | undefined) {
     try {
@@ -25,9 +23,7 @@ export async function loadGff3(gff3Source: string, genomeLength: number | undefi
 
     const response = await fetch(gff3Source);
     const content = await response.text();
-    if (!genomeLength) {
-        genomeLength = loadGenomeLength(content);
-    }
+    genomeLength ??= loadGenomeLength(content);
     return { features: parseGFF3(content), length: genomeLength };
 }
 
@@ -89,7 +85,7 @@ function getCDSMap(lines: string[], genome_type: string, geneMap: CDSMap): CDSMa
         }
 
         const attrPairs = getAttributes(attributes);
-        const labelAttribute = attrPairs.get('Name') || attrPairs.get('gene') || attrPairs.get('gene_name');
+        const labelAttribute = attrPairs.get('Name') ?? attrPairs.get('gene') ?? attrPairs.get('gene_name');
         if (!labelAttribute) {
             throw new UserFacingError(
                 'Invalid gff3 source',
@@ -97,11 +93,12 @@ function getCDSMap(lines: string[], genome_type: string, geneMap: CDSMap): CDSMa
             );
         }
         const label = removeQuotes(labelAttribute);
-        const id = removeQuotes(attrPairs.get('ID') || labelAttribute);
+        const id = removeQuotes(attrPairs.get('ID') ?? labelAttribute);
         const parentAttribute = attrPairs.get('Parent');
         if (parentAttribute) {
             const parent = removeQuotes(parentAttribute);
             if (parent && parent in geneMap) {
+                // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
                 delete geneMap[parent];
             }
         }

package/src/preact/lineageFilter/lineage-filter.tsx

@@ -99,5 +99,5 @@ function filterByInputValue(item: LineageItem, inputValue: string | null) {
     if (inputValue === null || inputValue === '') {
         return true;
     }
-    return item.lineage?.toLowerCase().includes(inputValue?.toLowerCase() || '');
+    return item.lineage.toLowerCase().includes(inputValue.toLowerCase() || '');
 }

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/__mockData__/aminoAcidMutationsByDay.ts

@@ -11,6 +11,7 @@ export const aminoAcidMutationsByDay: MutationOverTimeMockData = {
         granularity: 'day',
         lapisDateField: 'date',
         lapis: 'https://lapis.cov-spectrum.org/open/v2',
+        useNewEndpoint: false,
     },
     response: {
         overallMutationData: [

package/src/preact/mutationsOverTime/__mockData__/byWeek.ts

@@ -11,6 +11,7 @@ export const byWeek: MutationOverTimeMockData = {
         granularity: 'week',
         lapisDateField: 'date',
         lapis: 'https://lapis.cov-spectrum.org/open/v2',
+        useNewEndpoint: false,
     },
     response: {
         overallMutationData: [

package/src/preact/mutationsOverTime/__mockData__/defaultMockData.ts

@@ -11,6 +11,7 @@ export const defaultMockData: MutationOverTimeMockData = {
         granularity: 'month',
         lapisDateField: 'date',
         lapis: 'https://lapis.cov-spectrum.org/open/v2',
+        useNewEndpoint: false,
     },
     response: {
         overallMutationData: [

package/src/preact/mutationsOverTime/__mockData__/noDataWhenNoMutationsAreInFilter.ts

@@ -10,6 +10,7 @@ export const noDataWhenNoMutationsAreInFilter: MutationOverTimeMockData = {
         granularity: 'year',
         lapisDateField: 'date',
         lapis: 'https://lapis.cov-spectrum.org/open/v2',
+        useNewEndpoint: false,
     },
     response: {
         overallMutationData: [],

package/src/preact/mutationsOverTime/__mockData__/noDataWhenThereAreNoDatesInFilter.ts

@@ -10,6 +10,7 @@ export const noDataWhenNoMutationsAreInFilter: MutationOverTimeMockData = {
         granularity: 'year',
         lapisDateField: 'date',
         lapis: 'https://lapis.cov-spectrum.org/open/v2',
+        useNewEndpoint: false,
     },
     response: {
         overallMutationData: [],

package/src/preact/mutationsOverTime/__mockData__/showsMessageWhenTooManyMutations.ts

@@ -10,6 +10,7 @@ export const showsMessageWhenTooManyMutations: MutationOverTimeMockData = {
         granularity: 'year',
         lapisDateField: 'date',
         lapis: 'https://lapis.cov-spectrum.org/open/v2',
+        useNewEndpoint: false,
     },
     response: {
         overallMutationData: [

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

@@ -36,6 +36,7 @@ const meta: Meta<MutationsOverTimeProps> = {
         displayMutations: { control: 'object' },
         initialMeanProportionInterval: { control: 'object' },
         pageSizes: { control: 'object' },
+        useNewEndpoint: { control: 'boolean' },
     },
     parameters: {
         fetchMock: {},
@@ -80,6 +81,7 @@ export const Default: StoryObj<MutationsOverTimeProps> = {
         granularity: 'month',
         lapisDateField: 'date',
         initialMeanProportionInterval: { min: 0.05, max: 0.9 },
+        useNewEndpoint: false,
         pageSizes: [10, 20, 30, 40, 50],
     },
 };

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

@@ -53,6 +53,7 @@ const mutationOverTimeSchema = z.object({
     views: z.array(mutationsOverTimeViewSchema),
     granularity: temporalGranularitySchema,
     lapisDateField: z.string().min(1),
+    useNewEndpoint: z.boolean().optional(),
     displayMutations: displayMutationsSchema.optional(),
     initialMeanProportionInterval: z.object({
         min: z.number().min(0).max(1),
@@ -77,21 +78,25 @@ export const MutationsOverTime: FunctionComponent<MutationsOverTimeProps> = (com
     );
 };
 
-export const MutationsOverTimeInner: FunctionComponent<MutationsOverTimeProps> = (componentProps) => {
+export const MutationsOverTimeInner: FunctionComponent<MutationsOverTimeProps> = ({
+    useNewEndpoint = false,
+    ...componentProps
+}) => {
     const lapis = useLapisUrl();
     const { lapisFilter, sequenceType, granularity, lapisDateField } = componentProps;
 
-    const messageToWorker = useMemo(() => {
+    const messageToWorker: MutationOverTimeQuery = useMemo(() => {
         return {
             lapisFilter,
             sequenceType,
             granularity,
             lapisDateField,
             lapis,
+            useNewEndpoint,
         };
-    }, [granularity, lapis, lapisDateField, lapisFilter, sequenceType]);
+    }, [granularity, lapis, lapisDateField, lapisFilter, sequenceType, useNewEndpoint]);
 
-    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 +110,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 +178,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));
 }