@genspectrum/dashboard-components 0.13.4 → 0.13.6

package/src/query/queryWastewaterMutationsOverTime.spec.ts

@@ -88,7 +88,35 @@ describe('queryWastewaterMutationsOverTime', () => {
         );
 
         await expect(queryWastewaterMutationsOverTime(DUMMY_LAPIS_URL, lapisFilter)).rejects.toThrowError(
-            /^Failed to parse mutation frequency/,
+            /Failed to parse mutation frequency/,
+        );
+    });
+
+    it('should error on invalid mutation', async () => {
+        const lapisFilter = { country: 'Germany' };
+
+        lapisRequestMocks.details(
+            {
+                country: 'Germany',
+                fields: ['date', 'location', 'nucleotideMutationFrequency', 'aminoAcidMutationFrequency'],
+            },
+            {
+                data: [
+                    {
+                        date: '2021-01-01',
+                        location: 'Germany',
+                        reference: 'organismA',
+                        nucleotideMutationFrequency: JSON.stringify({
+                            'not a mutation': 0.4,
+                        }),
+                        aminoAcidMutationFrequency: null,
+                    },
+                ],
+            },
+        );
+
+        await expect(queryWastewaterMutationsOverTime(DUMMY_LAPIS_URL, lapisFilter)).rejects.toThrowError(
+            /Failed to parse mutation: "not a mutation"/,
         );
     });
 });

package/src/query/queryWastewaterMutationsOverTime.ts

@@ -25,18 +25,26 @@ export async function queryWastewaterMutationsOverTime(
     ]);
     const data = (await fetchData.evaluate(lapis, signal)).content;
 
-    return data.map((row) => ({
-        location: row.location as string,
-        date: toTemporalClass(parseDateStringToTemporal(row.date as string, 'day')),
-        nucleotideMutationFrequency:
-            row.nucleotideMutationFrequency !== null
-                ? transformMutations(JSON.parse(row.nucleotideMutationFrequency as string))
-                : [],
-        aminoAcidMutationFrequency:
-            row.aminoAcidMutationFrequency !== null
-                ? transformMutations(JSON.parse(row.aminoAcidMutationFrequency as string))
-                : [],
-    }));
+    return data.map((row) => {
+        try {
+            return {
+                location: row.location as string,
+                date: toTemporalClass(parseDateStringToTemporal(row.date as string, 'day')),
+                nucleotideMutationFrequency:
+                    row.nucleotideMutationFrequency !== null
+                        ? transformMutations(JSON.parse(row.nucleotideMutationFrequency as string))
+                        : [],
+                aminoAcidMutationFrequency:
+                    row.aminoAcidMutationFrequency !== null
+                        ? transformMutations(JSON.parse(row.aminoAcidMutationFrequency as string))
+                        : [],
+            };
+        } catch (e) {
+            throw new Error(
+                `Failed to parse row of wastewater data: ${JSON.stringify(row)}: ${(e as Error)?.message ?? 'Unknown error'}`,
+            );
+        }
+    });
 }
 
 const mutationFrequencySchema = z.record(z.number().nullable());
@@ -48,8 +56,14 @@ function transformMutations(input: unknown): { mutation: Substitution; proportio
         throw new Error(`Failed to parse mutation frequency: ${mutationFrequency.error.message}`);
     }
 
-    return Object.entries(mutationFrequency.data).map(([key, value]) => ({
-        mutation: SubstitutionClass.parse(key)!,
-        proportion: value,
-    }));
+    return Object.entries(mutationFrequency.data).map(([key, value]) => {
+        const mutation = SubstitutionClass.parse(key);
+        if (mutation === null) {
+            throw new Error(`Failed to parse mutation: "${key}"`);
+        }
+        return {
+            mutation,
+            proportion: value,
+        };
+    });
 }

package/src/web-components/input/gs-location-filter.stories.ts

@@ -219,7 +219,7 @@ export const FiresEvent: StoryObj<LocationFilterProps> = {
 
         await step('Select Asia', async () => {
             await userEvent.type(inputField(), 'Asia');
-            await userEvent.click(canvas.getByRole('option', { name: 'Asia Asia' }));
+            await userEvent.click(canvas.getByRole('option', { name: /^Asia.*Asia$/ }));
 
             await waitFor(() => {
                 return expect(listenerMock.mock.calls.at(-1)![0].detail).toStrictEqual({

package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.tsx

@@ -65,6 +65,14 @@ export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGr
     @property({ type: String })
     height: string = '700px';
 
+    /**
+     * The maximum number of grid rows to display.
+     *
+     * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
+     */
+    @property({ type: Number })
+    maxNumberOfGridRows: number = 100;
+
     override render() {
         return (
             <WastewaterMutationsOverTime
@@ -72,6 +80,7 @@ export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGr
                 sequenceType={this.sequenceType}
                 width={this.width}
                 height={this.height}
+                maxNumberOfGridRows={this.maxNumberOfGridRows}
             />
         );
     }