@genspectrum/dashboard-components 0.10.4 → 0.11.1

package/custom-elements.json

@@ -290,7 +290,7 @@
           "type": {
             "text": "Meta<Required<DateRangeSelectorProps>>"
           },
-          "default": "{ title: 'Input/DateRangeSelector', component: 'gs-date-range-selector', parameters: withComponentDocs({ actions: { handles: ['gs-date-range-filter-changed', 'gs-date-range-option-changed', ...previewHandles], }, fetchMock: {}, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), argTypes: { initialValue: { control: { type: 'select', }, options: [dateRangeOptionPresets.lastMonth.label, dateRangeOptionPresets.allTimes.label, 'CustomDateRange'], }, dateColumn: { control: { type: 'text' } }, dateRangeOptions: { control: { type: 'object', }, }, earliestDate: { control: { type: 'text', }, }, width: { control: { type: 'text', }, }, }, args: { dateRangeOptions: [ dateRangeOptionPresets.lastMonth, dateRangeOptionPresets.last3Months, dateRangeOptionPresets.allTimes, customDateRange, ], earliestDate: '1970-01-01', initialValue: dateRangeOptionPresets.lastMonth.label, dateColumn: 'aDateColumn', width: '100%', initialDateFrom: undefined, initialDateTo: undefined, }, tags: ['autodocs'], }"
+          "default": "{ title: 'Input/DateRangeSelector', component: 'gs-date-range-selector', parameters: withComponentDocs({ actions: { handles: ['gs-date-range-filter-changed', 'gs-date-range-option-changed', ...previewHandles], }, fetchMock: {}, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), argTypes: { initialValue: { control: { type: 'select', }, options: [dateRangeOptionPresets.lastMonth.label, dateRangeOptionPresets.allTimes.label, 'CustomDateRange'], }, lapisDateField: { control: { type: 'text' } }, dateRangeOptions: { control: { type: 'object', }, }, earliestDate: { control: { type: 'text', }, }, width: { control: { type: 'text', }, }, }, args: { dateRangeOptions: [ dateRangeOptionPresets.lastMonth, dateRangeOptionPresets.last3Months, dateRangeOptionPresets.allTimes, customDateRange, ], earliestDate: '1970-01-01', initialValue: dateRangeOptionPresets.lastMonth.label, lapisDateField: 'aDateColumn', width: '100%', initialDateFrom: undefined, initialDateTo: undefined, }, tags: ['autodocs'], }"
         },
         {
           "kind": "variable",
@@ -298,7 +298,7 @@
           "type": {
             "text": "StoryObj<Required<DateRangeSelectorProps>>"
           },
-          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-date-range-selector .dateRangeOptions=${args.dateRangeOptions} .earliestDate=${args.earliestDate} .initialValue=${args.initialValue} .initialDateFrom=${args.initialDateFrom} .initialDateTo=${args.initialDateTo} .width=${args.width} .dateColumn=${args.dateColumn} ></gs-date-range-selector> </div> </gs-app>`, }"
+          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-date-range-selector .dateRangeOptions=${args.dateRangeOptions} .earliestDate=${args.earliestDate} .initialValue=${args.initialValue} .initialDateFrom=${args.initialDateFrom} .initialDateTo=${args.initialDateTo} .width=${args.width} .lapisDateField=${args.lapisDateField} ></gs-date-range-selector> </div> </gs-app>`, }"
         },
         {
           "kind": "variable",
@@ -407,13 +407,13 @@
             },
             {
               "kind": "field",
-              "name": "dateColumn",
+              "name": "lapisDateField",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the column in LAPIS that contains the date information.",
-              "attribute": "dateColumn"
+              "description": "The name of the metadata field in LAPIS that contains the date information.",
+              "attribute": "lapisDateField"
             }
           ],
           "events": [
@@ -488,13 +488,13 @@
               "fieldName": "width"
             },
             {
-              "name": "dateColumn",
+              "name": "lapisDateField",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the column in LAPIS that contains the date information.",
-              "fieldName": "dateColumn"
+              "description": "The name of the metadata field in LAPIS that contains the date information.",
+              "fieldName": "lapisDateField"
             }
           ],
           "superclass": {
@@ -1377,7 +1377,7 @@
           "type": {
             "text": "StoryObj<Required<AggregateProps>>"
           },
-          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <gs-aggregate .fields=${args.fields} .filter=${args.filter} .views=${args.views} .width=${args.width} .height=${args.height} .initialSortField=${args.initialSortField} .initialSortDirection=${args.initialSortDirection} .pageSize=${args.pageSize} ></gs-aggregate> </gs-app> `, args: { fields: ['division', 'host'], views: ['table'], filter: { country: 'USA', }, width: '100%', height: '700px', initialSortField: 'count', initialSortDirection: 'descending', pageSize: 10, }, }"
+          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <gs-aggregate .fields=${args.fields} .lapisFilter=${args.lapisFilter} .views=${args.views} .width=${args.width} .height=${args.height} .initialSortField=${args.initialSortField} .initialSortDirection=${args.initialSortDirection} .pageSize=${args.pageSize} ></gs-aggregate> </gs-app> `, args: { fields: ['division', 'host'], views: ['table'], lapisFilter: { country: 'USA', }, width: '100%', height: '700px', initialSortField: 'count', initialSortDirection: 'descending', pageSize: 10, }, }"
         }
       ],
       "exports": [
@@ -1422,7 +1422,7 @@
               "kind": "field",
               "name": "views",
               "type": {
-                "text": "View[]"
+                "text": "AggregateView[]"
               },
               "default": "['table']",
               "description": "A list of tabs with views that this component should provide.",
@@ -1430,13 +1430,13 @@
             },
             {
               "kind": "field",
-              "name": "filter",
+              "name": "lapisFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data.\nIt must be a valid LAPIS filter object.",
-              "attribute": "filter"
+              "attribute": "lapisFilter"
             },
             {
               "kind": "field",
@@ -1502,20 +1502,20 @@
             {
               "name": "views",
               "type": {
-                "text": "View[]"
+                "text": "AggregateView[]"
               },
               "default": "['table']",
               "description": "A list of tabs with views that this component should provide.",
               "fieldName": "views"
             },
             {
-              "name": "filter",
+              "name": "lapisFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data.\nIt must be a valid LAPIS filter object.",
-              "fieldName": "filter"
+              "fieldName": "lapisFilter"
             },
             {
               "name": "width",
@@ -1659,7 +1659,7 @@
               "kind": "field",
               "name": "lapisFilters",
               "type": {
-                "text": "{\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
               "default": "[]",
               "description": "Required.\n\nAn array of LAPIS filters to select the data to compare.\n\nThe `lapisFilter` will be sent as is to LAPIS to filter the mutation data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label for the filtered dataset in the views.\nIt should be human-readable.",
@@ -1720,7 +1720,7 @@
             {
               "name": "lapisFilters",
               "type": {
-                "text": "{\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
               "default": "[]",
               "description": "Required.\n\nAn array of LAPIS filters to select the data to compare.\n\nThe `lapisFilter` will be sent as is to LAPIS to filter the mutation data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label for the filtered dataset in the views.\nIt should be human-readable.",
@@ -1900,7 +1900,7 @@
               "kind": "field",
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -1971,7 +1971,7 @@
             {
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -2144,7 +2144,7 @@
               "kind": "field",
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -2205,7 +2205,7 @@
             {
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
@@ -2326,7 +2326,7 @@
           "type": {
             "text": "StoryObj<NumberSequencesOverTimeProps>"
           },
-          "default": "{ ...Template, args: { ...Template.args, lapisFilter: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsEG, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { ...Template.args, lapisFilters: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2022-10-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsEG, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
         },
         {
           "kind": "variable",
@@ -2334,7 +2334,7 @@
           "type": {
             "text": "StoryObj<NumberSequencesOverTimeProps>"
           },
-          "default": "{ ...Template, args: { ...Template.args, lapisFilter: [ { displayName: 'XBB', lapisFilter: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31', fields: ['date'], }, }, response: { status: 200, body: twoVariantsXBB, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { ...Template.args, lapisFilters: [ { displayName: 'XBB', lapisFilter: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31' }, }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'aggregatedEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'XBB*', dateFrom: '2022-01-01', dateTo: '2022-12-31', fields: ['date'], }, }, response: { status: 200, body: twoVariantsXBB, }, }, { matcher: { name: 'aggregatedJN.1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: twoVariantsJN1, }, }, ], }, }, }"
         }
       ],
       "exports": [
@@ -2399,13 +2399,13 @@
           "members": [
             {
               "kind": "field",
-              "name": "lapisFilter",
+              "name": "lapisFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to fetch the number of sequences for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used to label the component views.\nIt should be human-readable.",
-              "attribute": "lapisFilter"
+              "attribute": "lapisFilters"
             },
             {
               "kind": "field",
@@ -2480,13 +2480,13 @@
           ],
           "attributes": [
             {
-              "name": "lapisFilter",
+              "name": "lapisFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to fetch the number of sequences for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used to label the component views.\nIt should be human-readable.",
-              "fieldName": "lapisFilter"
+              "fieldName": "lapisFilters"
             },
             {
               "name": "lapisDateField",
@@ -2589,7 +2589,7 @@
           "type": {
             "text": "Meta<Required<PrevalenceOverTimeProps>>"
           },
-          "default": "{ title: 'Visualization/Prevalence over time', component: 'gs-prevalence-over-time', argTypes: { numeratorFilter: { control: 'object' }, denominatorFilter: { control: 'object' }, granularity: { options: ['day', 'week', 'month', 'year'], control: { type: 'radio' }, }, smoothingWindow: { control: 'number' }, views: { options: ['bar', 'line', 'bubble', 'table'], control: { type: 'check' }, }, confidenceIntervalMethods: { options: ['none', 'wilson'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, pageSize: { control: 'object' }, yAxisMaxLinear: { control: 'object' }, yAxisMaxLogarithmic: { control: 'object' }, }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
+          "default": "{ title: 'Visualization/Prevalence over time', component: 'gs-prevalence-over-time', argTypes: { granularity: { options: ['day', 'week', 'month', 'year'], control: { type: 'radio' }, }, smoothingWindow: { control: 'number' }, views: { options: ['bar', 'line', 'bubble', 'table'], control: { type: 'check' }, }, confidenceIntervalMethods: { options: ['none', 'wilson'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, pageSize: { control: 'object' }, yAxisMaxLinear: { control: 'object' }, yAxisMaxLogarithmic: { control: 'object' }, }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
         },
         {
           "kind": "variable",
@@ -2597,7 +2597,7 @@
           "type": {
             "text": "StoryObj<Required<PrevalenceOverTimeProps>>"
           },
-          "default": "{ ...Template, args: { numeratorFilter: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01' } }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], denominatorFilter: { country: 'USA', dateFrom: '2023-01-01' }, granularity: 'month', smoothingWindow: 0, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterEG, }, }, { matcher: { name: 'numeratorJN1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterJN1, }, }, { matcher: { name: 'denominator', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilter, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { numeratorFilters: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01' } }, { displayName: 'JN.1', lapisFilter: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01' } }, ], denominatorFilter: { country: 'USA', dateFrom: '2023-01-01' }, granularity: 'month', smoothingWindow: 0, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorEG', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'EG*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterEG, }, }, { matcher: { name: 'numeratorJN1', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'JN.1*', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterJN1, }, }, { matcher: { name: 'denominator', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-01-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilter, }, }, ], }, }, }"
         },
         {
           "kind": "variable",
@@ -2605,7 +2605,7 @@
           "type": {
             "text": "StoryObj<Required<PrevalenceOverTimeProps>>"
           },
-          "default": "{ ...Template, args: { numeratorFilter: { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01' }, }, denominatorFilter: { country: 'USA', dateFrom: '2023-10-01' }, granularity: 'week', smoothingWindow: 2, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterOneDataset, }, }, { matcher: { name: 'denominatorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilterOneDataset, }, }, ], }, }, }"
+          "default": "{ ...Template, args: { numeratorFilters: [ { displayName: 'EG', lapisFilter: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01' }, }, ], denominatorFilter: { country: 'USA', dateFrom: '2023-10-01' }, granularity: 'week', smoothingWindow: 2, views: ['bar', 'line', 'bubble', 'table'], confidenceIntervalMethods: ['wilson'], width: '100%', height: '700px', lapisDateField: 'date', pageSize: 10, yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', pangoLineage: 'BA.2.86*', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilterOneDataset, }, }, { matcher: { name: 'denominatorOneDataset', url: AGGREGATED_ENDPOINT, body: { country: 'USA', dateFrom: '2023-10-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilterOneDataset, }, }, ], }, }, }"
         },
         {
           "kind": "variable",
@@ -2694,19 +2694,19 @@
           "members": [
             {
               "kind": "field",
-              "name": "numeratorFilter",
+              "name": "numeratorFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to calculate the prevalence for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label the prevalence in the views.\nIt should be human-readable.",
-              "attribute": "numeratorFilter"
+              "attribute": "numeratorFilters"
             },
             {
               "kind": "field",
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
@@ -2815,18 +2815,18 @@
           ],
           "attributes": [
             {
-              "name": "numeratorFilter",
+              "name": "numeratorFilters",
               "type": {
-                "text": "{\n            lapisFilter: Record<string, string | number | null | boolean>;\n            displayName: string;\n        }\n        | {\n        lapisFilter: Record<string, string | number | null | boolean>;\n        displayName: string;\n    }[]"
+                "text": "{\n        lapisFilter: Record<string, string | string[] | number | null | boolean | undefined> & {\n            nucleotideMutations?: string[];\n            aminoAcidMutations?: string[];\n            nucleotideInsertions?: string[];\n            aminoAcidInsertions?: string[];\n        };\n        displayName: string;\n    }[]"
               },
-              "default": "{ displayName: '', lapisFilter: {} }",
+              "default": "[]",
               "description": "Either a LAPIS filter or an array of LAPIS filters to calculate the prevalence for.\n\nThe `lapisFilter` will be sent as is to LAPIS to select the data.\nIt must be a valid LAPIS filter object.\n\nThe `displayName` will be used as the label the prevalence in the views.\nIt should be human-readable.",
-              "fieldName": "numeratorFilter"
+              "fieldName": "numeratorFilters"
             },
             {
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
@@ -2958,7 +2958,7 @@
           "kind": "variable",
           "name": "meta",
           "type": {
-            "text": "Meta<RelativeGrowthAdvantageComponentProps>"
+            "text": "Meta<RelativeGrowthAdvantageProps>"
           },
           "default": "{ title: 'Visualization/Relative growth advantage', component: 'gs-relative-growth-advantage', argTypes: { numeratorFilter: { control: 'object' }, denominatorFilter: { control: 'object' }, generationTime: { control: 'number' }, views: { options: ['line'], control: { type: 'check' }, }, width: { control: 'text' }, height: { control: 'text' }, yAxisMaxLinear: { control: 'object' }, yAxisMaxLogarithmic: { control: 'object' }, }, parameters: withComponentDocs({ componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
         },
@@ -2966,7 +2966,7 @@
           "kind": "variable",
           "name": "Default",
           "type": {
-            "text": "StoryObj<Required<RelativeGrowthAdvantageComponentProps>>"
+            "text": "StoryObj<Required<RelativeGrowthAdvantageProps>>"
           },
           "default": "{ ...Template, args: { numeratorFilter: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateFrom: '2020-12-01', dateTo: '2021-03-01', }, denominatorFilter: { country: 'Switzerland', dateFrom: '2020-12-01', dateTo: '2021-03-01' }, generationTime: 7, views: ['line'], width: '100%', height: '700px', lapisDateField: 'date', yAxisMaxLinear: 1, yAxisMaxLogarithmic: 'limitTo1', }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'numeratorFilter', url: AGGREGATED_ENDPOINT, body: { country: 'Switzerland', pangoLineage: 'B.1.1.7', dateFrom: '2020-12-01', dateTo: '2021-03-01', fields: ['date'], }, }, response: { status: 200, body: numeratorFilter, }, }, { matcher: { name: 'denominatorFilter', url: AGGREGATED_ENDPOINT, body: { country: 'Switzerland', dateFrom: '2020-12-01', dateTo: '2021-03-01', fields: ['date'], }, }, response: { status: 200, body: denominatorFilter, }, }, ], }, }, }"
         }
@@ -3003,7 +3003,7 @@
               "kind": "field",
               "name": "numeratorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
@@ -3013,7 +3013,7 @@
               "kind": "field",
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
@@ -3094,7 +3094,7 @@
             {
               "name": "numeratorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
@@ -3103,7 +3103,7 @@
             {
               "name": "denominatorFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
@@ -3285,7 +3285,7 @@
               "kind": "field",
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data.\nIf you want to display the distribution over the states of a certain country,\nyou should usually filter by that country here (e.g. { country: 'USA' }).",
@@ -3396,7 +3396,7 @@
             {
               "name": "lapisFilter",
               "type": {
-                "text": "Record<string, string | number | null | boolean>"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "LAPIS filter to select the displayed data.\nIf you want to display the distribution over the states of a certain country,\nyou should usually filter by that country here (e.g. { country: 'USA' }).",
@@ -3573,7 +3573,7 @@
               "kind": "field",
               "name": "numeratorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the overall number of sequences and as the numerator for the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3583,7 +3583,7 @@
               "kind": "field",
               "name": "denominatorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the denominator of the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3614,7 +3614,7 @@
             {
               "name": "numeratorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the overall number of sequences and as the numerator for the proportion.\nIt must be a valid LAPIS filter object.",
@@ -3623,7 +3623,7 @@
             {
               "name": "denominatorFilter",
               "type": {
-                "text": "LapisFilter"
+                "text": "Record<string, string | string[] | number | null | boolean | undefined> & {\n        nucleotideMutations?: string[];\n        aminoAcidMutations?: string[];\n        nucleotideInsertions?: string[];\n        aminoAcidInsertions?: string[];\n    }"
               },
               "default": "{}",
               "description": "The filter to apply to the data for the denominator of the proportion.\nIt must be a valid LAPIS filter object.",