@genspectrum/dashboard-components 1.15.0 → 1.17.0

package/dist/util.d.ts

@@ -71,6 +71,25 @@ export declare type ConfidenceIntervalMethod = default_2.infer<typeof confidence
 
 declare const confidenceIntervalMethodSchema: default_2.ZodUnion<[default_2.ZodLiteral<"wilson">, default_2.ZodLiteral<"none">]>;
 
+export declare type CountCoverageQuery = default_2.infer<typeof countCoverageQuerySchema>;
+
+declare const countCoverageQuerySchema: default_2.ZodObject<{
+    displayLabel: default_2.ZodString;
+    description: default_2.ZodOptional<default_2.ZodString>;
+    countQuery: default_2.ZodString;
+    coverageQuery: default_2.ZodString;
+}, "strip", default_2.ZodTypeAny, {
+    displayLabel: string;
+    countQuery: string;
+    coverageQuery: string;
+    description?: string | undefined;
+}, {
+    displayLabel: string;
+    countQuery: string;
+    coverageQuery: string;
+    description?: string | undefined;
+}>;
+
 export declare type CustomColumn = default_2.infer<typeof customColumnSchema>;
 
 declare const customColumnSchema: default_2.ZodObject<{
@@ -829,11 +848,11 @@ declare const queriesOverTimeSchema: default_2.ZodObject<{
         max: number;
     };
     height?: string | undefined;
-    hideGaps?: boolean | undefined;
     customColumns?: {
         values: Record<string, string | number>;
         header: string;
     }[] | undefined;
+    hideGaps?: boolean | undefined;
 }, {
     lapisFilter: Record<string, string | number | boolean | string[] | null | undefined> & {
         nucleotideMutations?: string[] | undefined;
@@ -857,33 +876,17 @@ declare const queriesOverTimeSchema: default_2.ZodObject<{
         max: number;
     };
     height?: string | undefined;
-    hideGaps?: boolean | undefined;
     customColumns?: {
         values: Record<string, string | number>;
         header: string;
     }[] | undefined;
+    hideGaps?: boolean | undefined;
 }>;
 
 export declare type QueriesOverTimeView = default_2.infer<typeof queriesOverTimeViewSchema>;
 
 declare const queriesOverTimeViewSchema: default_2.ZodLiteral<"grid">;
 
-export declare type QueryDefinition = default_2.infer<typeof queryDefinition>;
-
-declare const queryDefinition: default_2.ZodObject<{
-    displayLabel: default_2.ZodOptional<default_2.ZodString>;
-    countQuery: default_2.ZodString;
-    coverageQuery: default_2.ZodString;
-}, "strip", default_2.ZodTypeAny, {
-    countQuery: string;
-    coverageQuery: string;
-    displayLabel?: string | undefined;
-}, {
-    countQuery: string;
-    coverageQuery: string;
-    displayLabel?: string | undefined;
-}>;
-
 export declare type RelativeGrowthAdvantageProps = default_2.infer<typeof relativeGrowthAdvantagePropsSchema>;
 
 declare const relativeGrowthAdvantagePropsSchema: default_2.ZodObject<{
@@ -1095,9 +1098,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-app': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-app': AppComponent;
         }
     }
 }
@@ -1105,15 +1108,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
+        'gs-genome-data-viewer': GenomeDataViewerComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-genome-data-viewer': GenomeDataViewerComponent;
         }
     }
 }
@@ -1121,15 +1124,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-genome-data-viewer': GenomeDataViewerComponent;
+        'gs-mutation-comparison': MutationComparisonComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-comparison': MutationComparisonComponent;
         }
     }
 }
@@ -1137,15 +1140,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutation-comparison': MutationComparisonComponent;
+        'gs-mutations': MutationsComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutation-comparison': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations': MutationsComponent;
         }
     }
 }
@@ -1153,15 +1156,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations': MutationsComponent;
+        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutations': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-prevalence-over-time': PrevalenceOverTimeComponent;
         }
     }
 }
@@ -1169,15 +1172,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
         }
     }
 }
@@ -1185,15 +1188,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
+        'gs-aggregate': AggregateComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-aggregate': AggregateComponent;
         }
     }
 }
@@ -1201,15 +1204,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-aggregate': AggregateComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
         }
     }
 }
@@ -1217,15 +1220,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
+        'gs-mutations-over-time': MutationsOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations-over-time': MutationsOverTimeComponent;
         }
     }
 }
@@ -1239,9 +1242,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-queries-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-queries-over-time': QueriesOverTimeComponent;
         }
     }
 }
@@ -1249,15 +1252,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations-over-time': MutationsOverTimeComponent;
+        'gs-statistics': StatisticsComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-statistics': StatisticsComponent;
         }
     }
 }
@@ -1271,9 +1274,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-sequences-by-location': SequencesByLocationComponent;
         }
     }
 }
@@ -1281,15 +1284,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-statistics': StatisticsComponent;
+        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
         }
     }
 }
@@ -1307,9 +1310,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-date-range-filter': DateRangeFilterComponent;
         }
     }
 }
@@ -1326,9 +1329,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-location-filter': LocationFilterComponent;
         }
     }
 }
@@ -1345,9 +1348,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-text-filter': TextFilterComponent;
         }
     }
 }
@@ -1364,9 +1367,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-filter': MutationFilterComponent;
         }
     }
 }
@@ -1384,9 +1387,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-lineage-filter': LineageFilterComponent;
         }
     }
 }
@@ -1404,9 +1407,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-number-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-range-filter': NumberRangeFilterComponent;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "1.15.0",
+    "version": "1.17.0",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",
@@ -15,13 +15,6 @@
     "publishConfig": {
         "access": "public"
     },
-    "imports": {
-        "#*": [
-            "./*",
-            "./*.ts",
-            "./*.tsx"
-        ]
-    },
     "exports": {
         "./components": {
             "types": "./dist/components.d.ts",
@@ -136,7 +129,7 @@
         "msw": "^2.2.14",
         "postcss": "^8.4.38",
         "prettier": "^3.2.5",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "storybook": "^8.0.9",
         "storybook-addon-fetch-mock": "^2.0.0",
         "tailwindcss": "^4.0.9",

package/src/preact/MutationAnnotationsContext.tsx

@@ -98,7 +98,7 @@ export function useRawMutationAnnotations() {
 export function useMutationAnnotationsProvider() {
     const mutationAnnotations = useContext(MutationAnnotationsContext);
 
-    return getMutationAnnotationsProvider(mutationAnnotations);
+    return useMemo(() => getMutationAnnotationsProvider(mutationAnnotations), [mutationAnnotations]);
 }
 
 export function getMutationAnnotationsProvider(mutationAnnotations: MutationAnnotationsContextValue) {

package/src/preact/components/csv-download-button.tsx

@@ -1,4 +1,5 @@
 import { type FunctionComponent } from 'preact';
+import { useState } from 'preact/hooks';
 
 type ToStringable = {
     toString: () => string;
@@ -9,7 +10,7 @@ export type DataValue = string | number | boolean | null | undefined | ToStringa
 export interface CsvDownloadButtonProps {
     label?: string;
     filename?: string;
-    getData: () => Record<string, DataValue>[];
+    getData: () => Record<string, DataValue>[] | Promise<Record<string, DataValue>[]>;
     className?: string;
 }
 
@@ -19,19 +20,26 @@ export const CsvDownloadButton: FunctionComponent<CsvDownloadButtonProps> = ({
     getData,
     className,
 }) => {
-    const download = () => {
-        const content = getDownloadContent();
-        const blob = new Blob([content], { type: 'text/csv' });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = filename;
-        a.click();
-        URL.revokeObjectURL(url);
+    const [isDownloading, setIsDownloading] = useState(false);
+
+    const download = async () => {
+        setIsDownloading(true);
+        try {
+            const content = await getDownloadContent();
+            const blob = new Blob([content], { type: 'text/csv' });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = filename;
+            a.click();
+            URL.revokeObjectURL(url);
+        } finally {
+            setIsDownloading(false);
+        }
     };
 
-    const getDownloadContent = () => {
-        const data = getData();
+    const getDownloadContent = async () => {
+        const data = await getData();
         const keys = getDataKeys(data);
         const header = keys.join(',');
         const rows = data.map((row) => keys.map((key) => row[key]).join(',')).join('\n');
@@ -50,8 +58,8 @@ export const CsvDownloadButton: FunctionComponent<CsvDownloadButtonProps> = ({
     };
 
     return (
-        <button className={className} onClick={download}>
-            {label}
+        <button className={className} onClick={() => void download()} disabled={isDownloading}>
+            {isDownloading ? 'Downloading...' : label}
         </button>
     );
 };