@genspectrum/dashboard-components 1.14.2 → 1.16.0

package/custom-elements.json

@@ -3262,7 +3262,7 @@
               "kind": "field",
               "name": "baselineLapisFilter",
               "type": {
-                "text": "(Record<string, string | string[] | number | null | boolean | undefined> & {\n              nucleotideMutations?: string[];\n              aminoAcidMutations?: string[];\n              nucleotideInsertions?: string[];\n              aminoAcidInsertions?: string[];\n          })\n        | undefined"
+                "text": "(Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        })\n        | undefined"
               },
               "default": "undefined",
               "description": "LAPIS filter to select the mutation counts that are used to compute the Jaccard similarity.\nIf not provided, the Jaccard similarity is not computed.\nFor details, see the [Jaccard Similarity](#jaccard-similarity) section in the component description.",
@@ -3341,7 +3341,7 @@
             {
               "name": "baselineLapisFilter",
               "type": {
-                "text": "(Record<string, string | string[] | number | null | boolean | undefined> & {\n              nucleotideMutations?: string[];\n              aminoAcidMutations?: string[];\n              nucleotideInsertions?: string[];\n              aminoAcidInsertions?: string[];\n          })\n        | undefined"
+                "text": "(Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        })\n        | undefined"
               },
               "default": "undefined",
               "description": "LAPIS filter to select the mutation counts that are used to compute the Jaccard similarity.\nIf not provided, the Jaccard similarity is not computed.\nFor details, see the [Jaccard Similarity](#jaccard-similarity) section in the component description.",
@@ -4152,7 +4152,7 @@
           "type": {
             "text": "Meta<Required<QueriesOverTimeProps>>"
           },
-          "default": "{ title: 'Visualization/Queries over time', component: 'gs-queries-over-time', argTypes: { lapisFilter: { control: 'object' }, queries: { control: 'object' }, views: { options: ['grid'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, granularity: { options: ['day', 'week', 'month', 'year'], control: { type: 'radio' }, }, lapisDateField: { control: 'text' }, initialMeanProportionInterval: { control: 'object' }, hideGaps: { control: 'boolean' }, pageSizes: { control: 'object' }, customColumns: { control: 'object' }, }, args: { lapisFilter: { pangoLineage: 'JN.1*', dateFrom: '2024-01-15', dateTo: '2024-04-30' }, queries: [ { displayLabel: 'S:F456L (single mutation)', countQuery: 'S:456L', coverageQuery: '!S:456N', }, { displayLabel: 'R346T + F456L (combination)', countQuery: 'S:346T & S:456L', coverageQuery: '!S:346N & !S:456N', }, { displayLabel: 'C22916T or T22917G (nucleotide OR)', countQuery: 'C22916T | T22917G', coverageQuery: '!22916N & !22917N', }, ], views: ['grid'], width: '100%', granularity: 'month', lapisDateField: 'date', initialMeanProportionInterval: { min: 0, max: 1 }, hideGaps: false, pageSizes: [10, 20, 30, 40, 50], }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, fetchMock: { mocks: [ { matcher: { url: `${LAPIS_URL}/component/queriesOverTime`, body: { filters: { pangoLineage: 'JN.1*', dateFrom: '2024-01-15', dateTo: '2024-04-30', }, queries: [ { displayLabel: 'S:F456L (single mutation)', countQuery: 'S:456L', coverageQuery: '!S:456N', }, { displayLabel: 'R346T + F456L (combination)', countQuery: 'S:346T & S:456L', coverageQuery: '!S:346N & !S:456N', }, { displayLabel: 'C22916T or T22917G (nucleotide OR)', countQuery: 'C22916T | T22917G', coverageQuery: '!22916N & !22917N', }, ], dateRanges: [ { dateFrom: '2024-01-01', dateTo: '2024-01-31' }, { dateFrom: '2024-02-01', dateTo: '2024-02-29' }, { dateFrom: '2024-03-01', dateTo: '2024-03-31' }, { dateFrom: '2024-04-01', dateTo: '2024-04-30' }, ], dateField: 'date', }, matchPartialBody: true, response: { status: 200, body: mockDefaultQueriesOverTime, }, }, }, ], }, }), tags: ['autodocs'], }"
+          "default": "{ title: 'Visualization/Queries over time', component: 'gs-queries-over-time', argTypes: { lapisFilter: { control: 'object' }, queries: { control: 'object' }, views: { options: ['grid'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, granularity: { options: ['day', 'week', 'month', 'year'], control: { type: 'radio' }, }, lapisDateField: { control: 'text' }, initialMeanProportionInterval: { control: 'object' }, hideGaps: { control: 'boolean' }, pageSizes: { control: 'object' }, customColumns: { control: 'object' }, }, args: { lapisFilter: { pangoLineage: 'JN.1*', dateFrom: '2024-01-15', dateTo: '2024-04-30' }, queries: [ { displayLabel: 'S:F456L (single mutation)', description: 'This mutation is associated with increased transmissibility.', countQuery: 'S:456L', coverageQuery: '!S:456N', }, { displayLabel: 'R346T + F456L (combination)', description: 'Common mutation combination found in the JN.1 lineage.', countQuery: 'S:346T & S:456L', coverageQuery: '!S:346N & !S:456N', }, { displayLabel: 'C22916T or T22917G (nucleotide OR)', countQuery: 'C22916T | T22917G', coverageQuery: '!22916N & !22917N', }, ], views: ['grid'], width: '100%', granularity: 'month', lapisDateField: 'date', initialMeanProportionInterval: { min: 0, max: 1 }, hideGaps: false, pageSizes: [10, 20, 30, 40, 50], }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, fetchMock: { mocks: [ { matcher: { url: `${LAPIS_URL}/component/queriesOverTime`, body: { filters: { pangoLineage: 'JN.1*', dateFrom: '2024-01-15', dateTo: '2024-04-30', }, queries: [ { displayLabel: 'S:F456L (single mutation)', countQuery: 'S:456L', coverageQuery: '!S:456N', }, { displayLabel: 'R346T + F456L (combination)', countQuery: 'S:346T & S:456L', coverageQuery: '!S:346N & !S:456N', }, { displayLabel: 'C22916T or T22917G (nucleotide OR)', countQuery: 'C22916T | T22917G', coverageQuery: '!22916N & !22917N', }, ], dateRanges: [ { dateFrom: '2024-01-01', dateTo: '2024-01-31' }, { dateFrom: '2024-02-01', dateTo: '2024-02-29' }, { dateFrom: '2024-03-01', dateTo: '2024-03-31' }, { dateFrom: '2024-04-01', dateTo: '2024-04-30' }, ], dateField: 'date', }, matchPartialBody: true, response: { status: 200, body: mockDefaultQueriesOverTime, }, }, }, ], }, }), tags: ['autodocs'], }"
         },
         {
           "kind": "variable",
@@ -4285,10 +4285,10 @@
               "kind": "field",
               "name": "queries",
               "type": {
-                "text": "{\n        displayLabel: string;\n        countQuery: string;\n        coverageQuery: string;\n    }[]"
+                "text": "{\n        displayLabel: string;\n        description?: string;\n        countQuery: string;\n        coverageQuery: string;\n    }[]"
               },
               "default": "[]",
-              "description": "Required.\n\nArray of queries to display. Each query has:\n- displayLabel: string - The name to show in the grid row label\n- countQuery: string - Query string to count matches\n- coverageQuery: string - Query string to determine coverage/denominator\n\nBoth queries (count and coverage) are 'advanced queries' as they are defined in LAPIS.",
+              "description": "Required.\n\nArray of queries to display. Each query has:\n- displayLabel: string - The name to show in the grid row label. Must be unique.\n- description: string (optional) - Optional description shown in tooltip\n- countQuery: string - Query string to count matches\n- coverageQuery: string - Query string to determine coverage/denominator\n\nBoth queries (count and coverage) are 'advanced queries' as they are defined in LAPIS.",
               "attribute": "queries"
             },
             {
@@ -4404,10 +4404,10 @@
             {
               "name": "queries",
               "type": {
-                "text": "{\n        displayLabel: string;\n        countQuery: string;\n        coverageQuery: string;\n    }[]"
+                "text": "{\n        displayLabel: string;\n        description?: string;\n        countQuery: string;\n        coverageQuery: string;\n    }[]"
               },
               "default": "[]",
-              "description": "Required.\n\nArray of queries to display. Each query has:\n- displayLabel: string - The name to show in the grid row label\n- countQuery: string - Query string to count matches\n- coverageQuery: string - Query string to determine coverage/denominator\n\nBoth queries (count and coverage) are 'advanced queries' as they are defined in LAPIS.",
+              "description": "Required.\n\nArray of queries to display. Each query has:\n- displayLabel: string - The name to show in the grid row label. Must be unique.\n- description: string (optional) - Optional description shown in tooltip\n- countQuery: string - Query string to count matches\n- coverageQuery: string - Query string to determine coverage/denominator\n\nBoth queries (count and coverage) are 'advanced queries' as they are defined in LAPIS.",
               "fieldName": "queries"
             },
             {

package/dist/components.d.ts

@@ -1,6 +1,5 @@
 import { CSSResult } from 'lit';
 import { default as default_2 } from 'zod';
-import { JSX as JSX_2 } from 'react';
 import { JSXInternal } from 'preact/src/jsx';
 import { LitElement } from 'lit';
 import { PropertyValues } from '@lit/reactive-element';
@@ -89,7 +88,7 @@ export declare class AggregateComponent extends PreactLitAdapterWithGridJsStyles
      * The maximum number of bars to display in the bar chart view.
      */
     maxNumberOfBars: number;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -233,7 +232,7 @@ export declare class DateRangeFilterComponent extends PreactLitAdapter {
      * The name of the metadata field in LAPIS that contains the date information.
      */
     lapisDateField: string;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 declare class ErrorEvent_2 extends Event {
@@ -271,7 +270,7 @@ export declare class GenomeDataViewerComponent extends PreactLitAdapter {
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
      */
     width: string;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -353,7 +352,7 @@ export declare class LineageFilterComponent extends PreactLitAdapter {
      * Defaults to false.
      */
     hideCounts: boolean | undefined;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -420,7 +419,7 @@ export declare class LocationFilterComponent extends PreactLitAdapter {
      * Defaults to false.
      */
     hideCounts: boolean | undefined;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 declare type MutationAnnotations = default_2.infer<typeof mutationAnnotationsSchema>;
@@ -529,7 +528,7 @@ export declare class MutationComparisonComponent extends PreactLitAdapterWithGri
     pageSize: boolean | number;
     /* Excluded from this release type: mutationAnnotations */
     /* Excluded from this release type: mutationLinkTemplate */
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -612,7 +611,7 @@ export declare class MutationFilterComponent extends PreactLitAdapter {
      * By default or if none are given, all types are accepted.
      */
     enabledMutationTypes: MutationType[] | undefined;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 declare type MutationLinkTemplate = default_2.infer<typeof mutationLinkTemplateSchema>;
@@ -731,7 +730,7 @@ export declare class MutationsComponent extends PreactLitAdapterWithGridJsStyles
     pageSize: boolean | number;
     /* Excluded from this release type: mutationAnnotations */
     /* Excluded from this release type: mutationLinkTemplate */
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -843,7 +842,7 @@ export declare class MutationsOverTimeComponent extends PreactLitAdapterWithGrid
     }[];
     /* Excluded from this release type: mutationAnnotations */
     /* Excluded from this release type: mutationLinkTemplate */
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 declare type MutationType = default_2.infer<typeof mutationTypeSchema>;
@@ -944,7 +943,7 @@ export declare class NumberRangeFilterComponent extends PreactLitAdapter {
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
      */
     width: string;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -1024,7 +1023,7 @@ export declare class NumberSequencesOverTimeComponent extends PreactLitAdapterWi
      * Set to `false` to disable pagination. Set to `true` to enable pagination with a default limit (10).
      */
     pageSize: boolean | number;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 declare abstract class PreactLitAdapter extends ReactiveElement {
@@ -1174,7 +1173,7 @@ export declare class PrevalenceOverTimeComponent extends PreactLitAdapterWithGri
      * If not set, the maximum value is set to the default value (1).
      */
     yAxisMaxLogarithmic: 'maxInData' | 'limitTo1' | number;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -1212,7 +1211,8 @@ export declare class QueriesOverTimeComponent extends PreactLitAdapterWithGridJs
      * Required.
      *
      * Array of queries to display. Each query has:
-     * - displayLabel: string - The name to show in the grid row label
+     * - displayLabel: string - The name to show in the grid row label. Must be unique.
+     * - description: string (optional) - Optional description shown in tooltip
      * - countQuery: string - Query string to count matches
      * - coverageQuery: string - Query string to determine coverage/denominator
      *
@@ -1220,6 +1220,7 @@ export declare class QueriesOverTimeComponent extends PreactLitAdapterWithGridJs
      */
     queries: {
         displayLabel: string;
+        description?: string;
         countQuery: string;
         coverageQuery: string;
     }[];
@@ -1275,7 +1276,7 @@ export declare class QueriesOverTimeComponent extends PreactLitAdapterWithGridJs
         header: string;
         values: Record<string, string | number>;
     }[];
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 declare type ReferenceGenome = default_2.infer<typeof referenceGenomeResponse>;
@@ -1416,7 +1417,7 @@ export declare class RelativeGrowthAdvantageComponent extends PreactLitAdapter {
      * If not set, the maximum value is set to the default value (1).
      */
     yAxisMaxLogarithmic: 'maxInData' | 'limitTo1' | number;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -1577,7 +1578,7 @@ export declare class SequencesByLocationComponent extends PreactLitAdapterWithGr
      * Set to `false` to disable pagination. Set to `true` to enable pagination with a default limit (10).
      */
     pageSize: boolean | number;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -1622,7 +1623,7 @@ export declare class StatisticsComponent extends PreactLitAdapterWithGridJsStyle
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
      */
     height: string | undefined;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 /**
@@ -1679,7 +1680,7 @@ export declare class TextFilterComponent extends PreactLitAdapter {
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
      */
     width: string;
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 export declare class UserFacingError extends Error {
@@ -1744,7 +1745,7 @@ export declare class WastewaterMutationsOverTimeComponent extends PreactLitAdapt
     pageSizes: number[] | number;
     /* Excluded from this release type: mutationAnnotations */
     /* Excluded from this release type: mutationLinkTemplate */
-    render(): JSX_2.Element;
+    render(): React.JSX.Element;
 }
 
 export { }
@@ -1765,9 +1766,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-app': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-app': AppComponent;
         }
     }
 }
@@ -1775,15 +1776,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;
         }
     }
 }
@@ -1791,15 +1792,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;
         }
     }
 }
@@ -1807,15 +1808,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;
         }
     }
 }
@@ -1823,15 +1824,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;
         }
     }
 }
@@ -1845,9 +1846,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
         }
     }
 }
@@ -1855,15 +1856,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
         }
     }
 }
@@ -1877,9 +1878,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-aggregate': AggregateComponent;
         }
     }
 }
@@ -1887,15 +1888,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;
         }
     }
 }
@@ -1903,15 +1904,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations-over-time': MutationsOverTimeComponent;
+        'gs-queries-over-time': QueriesOverTimeComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-queries-over-time': QueriesOverTimeComponent;
         }
     }
 }
@@ -1919,15 +1920,15 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-queries-over-time': QueriesOverTimeComponent;
+        'gs-statistics': StatisticsComponent;
     }
 }
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-queries-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-statistics': StatisticsComponent;
         }
     }
 }
@@ -1941,9 +1942,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;
         }
     }
 }
@@ -1951,15 +1952,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;
         }
     }
 }
@@ -1977,9 +1978,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;
         }
     }
 }
@@ -1996,9 +1997,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-location-filter': LocationFilterComponent;
         }
     }
 }
@@ -2015,9 +2016,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-text-filter': TextFilterComponent;
         }
     }
 }
@@ -2034,9 +2035,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-filter': MutationFilterComponent;
         }
     }
 }
@@ -2054,9 +2055,9 @@ declare global {
 
 
 declare global {
-    namespace JSX {
+    namespace React.JSX {
         interface IntrinsicElements {
-            'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-lineage-filter': LineageFilterComponent;
         }
     }
 }
@@ -2074,9 +2075,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;
         }
     }
 }