@genspectrum/dashboard-components 0.10.1 → 0.10.3

package/README.md

@@ -44,19 +44,19 @@ We use [Lit](https://lit.dev/) to create web components.
 
 We have split the package into two parts:
 
--   The components, which are web components that can be used in the browser.
-    -   They can be imported with `import '@genspectrum/dashboard-components/components';`
--   utility functions, which can also be used in a node environment.
-    -   They can be imported with `import '@genspectrum/dashboard-components/util';`
+- The components, which are web components that can be used in the browser.
+    - They can be imported with `import '@genspectrum/dashboard-components/components';`
+- utility functions, which can also be used in a node environment.
+    - They can be imported with `import '@genspectrum/dashboard-components/util';`
 
 We primarily provide two kinds of components:
 
--   **Visualization components** (charts, tables, etc.)
-    -   Those components fetch data from the LAPIS instance and visualize it.
--   **Input components** that let you specify sequence filters for the LAPIS requests.
-    -   Input changes will fire events that can be listened to by the visualization components.
-        It is the responsibility of the dashbaord maintainer to listen to those events
-        and to wire the data correctly into the visualization components.
+- **Visualization components** (charts, tables, etc.)
+    - Those components fetch data from the LAPIS instance and visualize it.
+- **Input components** that let you specify sequence filters for the LAPIS requests.
+    - Input changes will fire events that can be listened to by the visualization components.
+      It is the responsibility of the dashbaord maintainer to listen to those events
+      and to wire the data correctly into the visualization components.
 
 ## Local Development
 
@@ -125,15 +125,15 @@ This assumes that the Storybooks are running.
 
 We follow this testing concept:
 
--   Domain logic is tested with unit tests. Thus, that code should be kept separate from the components.
--   Detailed tests of the components are done with interaction tests in the Preact Storybook.
--   The Lit Storybook only contains tests for the most important functionality to ensure that the web component build
-    works.
--   We use Playwright for
-    -   snapshot tests of the visualization components:
-        -   Screenshots of charts and tables that serve as visual regression.
-        -   Snapshots of the CSV data that the visualization components offer as download.
-    -   testing functionality of components that cannot be tested within Storybook due to technical limitations.
+- Domain logic is tested with unit tests. Thus, that code should be kept separate from the components.
+- Detailed tests of the components are done with interaction tests in the Preact Storybook.
+- The Lit Storybook only contains tests for the most important functionality to ensure that the web component build
+  works.
+- We use Playwright for
+    - snapshot tests of the visualization components:
+        - Screenshots of charts and tables that serve as visual regression.
+        - Snapshots of the CSV data that the visualization components offer as download.
+    - testing functionality of components that cannot be tested within Storybook due to technical limitations.
 
 #### Mocking
 

package/custom-elements.json

@@ -80,6 +80,14 @@
           },
           "default": "{ ...Template, play: async ({ canvasElement }) => { const canvas = within(canvasElement); await waitFor(() => { expect(canvas.getByText(LAPIS_URL)).toBeVisible(); expect(canvas.getByText('\"name\": \"ORF1a\",', { exact: false })).toBeVisible(); }); }, }"
         },
+        {
+          "kind": "variable",
+          "name": "WithNoLapisUrl",
+          "type": {
+            "text": "StoryObj<{ lapis: string }>"
+          },
+          "default": "{ ...Default, args: { ...Default.args, lapis: 'notAValidUrl', }, play: async ({ canvasElement }) => { const canvas = within(canvasElement); await waitFor(() => { expect(canvas.getByText(\"Error: Invalid LAPIS URL: 'notAValidUrl'\", { exact: false })).toBeVisible(); }); }, }"
+        },
         {
           "kind": "variable",
           "name": "DelayFetchingReferenceGenome",
@@ -94,7 +102,7 @@
           "type": {
             "text": "StoryObj<{ lapis: string }>"
           },
-          "default": "{ ...Template, args: { lapis: 'definitely-not-a-valid-url', }, play: async ({ canvasElement }) => { const canvas = within(canvasElement); await waitFor(() => { expect(canvas.getByText('Error', { exact: false })).toBeVisible(); }); }, }"
+          "default": "{ ...Template, args: { lapis: 'https://url.to.lapis-definitely-not-a-valid-url', }, play: async ({ canvasElement }) => { const canvas = within(canvasElement); await waitFor(() => { expect(canvas.getByText('Error: Cannot fetch reference genome.', { exact: false })).toBeVisible(); }); }, }"
         },
         {
           "kind": "class",
@@ -143,6 +151,14 @@
             "module": "src/web-components/app.stories.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "WithNoLapisUrl",
+          "declaration": {
+            "name": "WithNoLapisUrl",
+            "module": "src/web-components/app.stories.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "DelayFetchingReferenceGenome",
@@ -274,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: '', initialDateTo: '', }, 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'], }, 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'], }"
         },
         {
           "kind": "variable",
@@ -363,9 +379,9 @@
               "kind": "field",
               "name": "initialDateFrom",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "A date string in the format `YYYY-MM-DD`.\nIf set, the date range selector will be initialized with the given date (overwriting `initialValue` to `custom`).\nIf `initialDateTo` is set, but this is unset, it will default to `earliestDate`.",
               "attribute": "initialDateFrom"
             },
@@ -373,9 +389,9 @@
               "kind": "field",
               "name": "initialDateTo",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "A date string in the format `YYYY-MM-DD`.\nIf set, the date range selector will be initialized with the given date (overwriting `initialValue` to `custom`).\nIf `initialDateFrom` is set, but this is unset, it will default to the current date.",
               "attribute": "initialDateTo"
             },
@@ -395,7 +411,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "The name of the column in LAPIS that contains the date information.",
               "attribute": "dateColumn"
             }
@@ -447,18 +463,18 @@
             {
               "name": "initialDateFrom",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "A date string in the format `YYYY-MM-DD`.\nIf set, the date range selector will be initialized with the given date (overwriting `initialValue` to `custom`).\nIf `initialDateTo` is set, but this is unset, it will default to `earliestDate`.",
               "fieldName": "initialDateFrom"
             },
             {
               "name": "initialDateTo",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "A date string in the format `YYYY-MM-DD`.\nIf set, the date range selector will be initialized with the given date (overwriting `initialValue` to `custom`).\nIf `initialDateFrom` is set, but this is unset, it will default to the current date.",
               "fieldName": "initialDateTo"
             },
@@ -476,7 +492,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "The name of the column in LAPIS that contains the date information.",
               "fieldName": "dateColumn"
             }
@@ -597,9 +613,9 @@
               "kind": "field",
               "name": "placeholderText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The placeholder text to display in the input field.",
               "attribute": "placeholderText"
             },
@@ -645,9 +661,9 @@
             {
               "name": "placeholderText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The placeholder text to display in the input field.",
               "fieldName": "placeholderText"
             },
@@ -789,9 +805,9 @@
               "kind": "field",
               "name": "initialValue",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The initial value to use for this location filter.\nMust be of the form `valueForField1 / valueForField2 / ... / valueForFieldN`.",
               "attribute": "initialValue"
             },
@@ -819,9 +835,9 @@
               "kind": "field",
               "name": "placeholderText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The placeholder text to display in the input field, if it is empty.",
               "attribute": "placeholderText"
             }
@@ -839,9 +855,9 @@
             {
               "name": "initialValue",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The initial value to use for this location filter.\nMust be of the form `valueForField1 / valueForField2 / ... / valueForFieldN`.",
               "fieldName": "initialValue"
             },
@@ -866,9 +882,9 @@
             {
               "name": "placeholderText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The placeholder text to display in the input field, if it is empty.",
               "fieldName": "placeholderText"
             }
@@ -918,7 +934,7 @@
           "type": {
             "text": "StoryObj<MutationFilterProps>"
           },
-          "default": "{ ...Template, args: { initialValue: ['A123T'], }, }"
+          "default": "{ ...Template, args: { ...Template.args, initialValue: ['A123T'], }, }"
         },
         {
           "kind": "variable",
@@ -934,7 +950,7 @@
           "type": {
             "text": "StoryObj<MutationFilterProps>"
           },
-          "default": "{ ...Template, args: { initialValue: ['seg1:123T', 'gene2:56', 'ins_seg2:78:AAA'], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'referenceGenome', url: REFERENCE_GENOME_ENDPOINT, }, response: { status: 200, body: { nucleotideSequences: [ { name: 'seg1', sequence: 'dummy', }, { name: 'seg2', sequence: 'dummy', }, ], genes: [ { name: 'gene1', sequence: 'dummy', }, { name: 'gene2', sequence: 'dummy', }, ], }, }, options: { overwriteRoutes: false, }, }, ], }, }, play: async ({ canvasElement }) => { const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-filter'); const inputField = () => canvas.getByPlaceholderText('Enter a mutation', { exact: false }); await waitFor(() => { const placeholderText = inputField().getAttribute('placeholder'); expect(placeholderText).toEqual( 'Enter a mutation (e.g. seg1:A123T, ins_seg1:123:AT, gene1:M123E, ins_gene1:123:ME)', ); }); await waitFor(() => { expect(canvas.getByText('seg1:123T')).toBeVisible(); expect(canvas.getByText('gene2:56')).toBeVisible(); return expect(canvas.getByText('ins_seg2:78:AAA')).toBeVisible(); }); }, }"
+          "default": "{ ...Template, args: { ...Template.args, initialValue: ['seg1:123T', 'gene2:56', 'ins_seg2:78:AAA'], }, parameters: { fetchMock: { mocks: [ { matcher: { name: 'referenceGenome', url: REFERENCE_GENOME_ENDPOINT, }, response: { status: 200, body: { nucleotideSequences: [ { name: 'seg1', sequence: 'dummy', }, { name: 'seg2', sequence: 'dummy', }, ], genes: [ { name: 'gene1', sequence: 'dummy', }, { name: 'gene2', sequence: 'dummy', }, ], }, }, options: { overwriteRoutes: false, }, }, ], }, }, play: async ({ canvasElement }) => { const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-filter'); const inputField = () => canvas.getByPlaceholderText('Enter a mutation', { exact: false }); await waitFor(() => { const placeholderText = inputField().getAttribute('placeholder'); expect(placeholderText).toEqual( 'Enter a mutation (e.g. seg1:A123T, ins_seg1:123:AT, gene1:M123E, ins_gene1:123:ME)', ); }); await waitFor(() => { expect(canvas.getByText('seg1:123T')).toBeVisible(); expect(canvas.getByText('gene2:56')).toBeVisible(); return expect(canvas.getByText('ins_seg2:78:AAA')).toBeVisible(); }); }, }"
         }
       ],
       "exports": [
@@ -1127,9 +1143,9 @@
               "kind": "field",
               "name": "initialValue",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The initial value to use for this text input.",
               "attribute": "initialValue"
             },
@@ -1147,9 +1163,9 @@
               "kind": "field",
               "name": "placeholderText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The placeholder text to display in the input field.",
               "attribute": "placeholderText"
             },
@@ -1177,9 +1193,9 @@
             {
               "name": "initialValue",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The initial value to use for this text input.",
               "fieldName": "initialValue"
             },
@@ -1195,9 +1211,9 @@
             {
               "name": "placeholderText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
+              "default": "undefined",
               "description": "The placeholder text to display in the input field.",
               "fieldName": "placeholderText"
             },
@@ -1887,7 +1903,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the displayed data.",
+              "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
               "attribute": "lapisFilter"
             },
             {
@@ -1958,7 +1974,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the displayed data.",
+              "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
               "fieldName": "lapisFilter"
             },
             {
@@ -2131,7 +2147,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the displayed data.",
+              "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
               "attribute": "lapisFilter"
             },
             {
@@ -2192,7 +2208,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the displayed data.",
+              "description": "LAPIS filter to select the displayed data. If not provided, all data is displayed.",
               "fieldName": "lapisFilter"
             },
             {
@@ -2388,7 +2404,7 @@
                 "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        }[]"
               },
               "default": "{ displayName: '', lapisFilter: {} }",
-              "description": "Required.\n\nEither 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.",
+              "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"
             },
             {
@@ -2397,7 +2413,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "Required.\n\nThe LAPIS field that the data should be aggregated by.\nThe values will be used on the x-axis of the diagram.\nMust be a field of type `date` in LAPIS.",
               "attribute": "lapisDateField"
             },
@@ -2469,7 +2485,7 @@
                 "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        }[]"
               },
               "default": "{ displayName: '', lapisFilter: {} }",
-              "description": "Required.\n\nEither 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.",
+              "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"
             },
             {
@@ -2477,7 +2493,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "Required.\n\nThe LAPIS field that the data should be aggregated by.\nThe values will be used on the x-axis of the diagram.\nMust be a field of type `date` in LAPIS.",
               "fieldName": "lapisDateField"
             },
@@ -2682,8 +2698,8 @@
               "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    }[]"
               },
-              "default": "{displayName: '', lapisFilter: {}}",
-              "description": "Required.\nEither 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.",
+              "default": "{ displayName: '', lapisFilter: {} }",
+              "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"
             },
             {
@@ -2693,7 +2709,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nThe LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
+              "description": "The LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
               "attribute": "denominatorFilter"
             },
             {
@@ -2762,7 +2778,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "Required.\n\nThe LAPIS field that the data should be aggregated by.\nThe values will be used on the x-axis of the diagram.\nMust be a field of type `date` in LAPIS.",
               "attribute": "lapisDateField"
             },
@@ -2803,8 +2819,8 @@
               "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    }[]"
               },
-              "default": "{displayName: '', lapisFilter: {}}",
-              "description": "Required.\nEither 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.",
+              "default": "{ displayName: '', lapisFilter: {} }",
+              "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"
             },
             {
@@ -2813,7 +2829,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nThe LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
+              "description": "The LAPIS filter, to select the data of the reference.\nIt must be a valid LAPIS filter object.",
               "fieldName": "denominatorFilter"
             },
             {
@@ -2875,7 +2891,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "Required.\n\nThe LAPIS field that the data should be aggregated by.\nThe values will be used on the x-axis of the diagram.\nMust be a field of type `date` in LAPIS.",
               "fieldName": "lapisDateField"
             },
@@ -2990,7 +3006,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
+              "description": "LAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
               "attribute": "numeratorFilter"
             },
             {
@@ -3000,7 +3016,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
+              "description": "LAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
               "attribute": "denominatorFilter"
             },
             {
@@ -3049,7 +3065,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "Required.\n\nThe LAPIS field that the data should be aggregated by.\nThe values will be used on the x-axis of the diagram.\nMust be a field of type `date` in LAPIS.",
               "attribute": "lapisDateField"
             },
@@ -3081,7 +3097,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
+              "description": "LAPIS filter to select the data of the focal variant.\nIt must be a valid LAPIS filter object.",
               "fieldName": "numeratorFilter"
             },
             {
@@ -3090,7 +3106,7 @@
                 "text": "Record<string, string | number | null | boolean>"
               },
               "default": "{}",
-              "description": "Required.\n\nLAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
+              "description": "LAPIS filter to select the data of the baseline variant.\nIt must be a valid LAPIS filter object.",
               "fieldName": "denominatorFilter"
             },
             {
@@ -3134,7 +3150,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'date'",
+              "default": "''",
               "description": "Required.\n\nThe LAPIS field that the data should be aggregated by.\nThe values will be used on the x-axis of the diagram.\nMust be a field of type `date` in LAPIS.",
               "fieldName": "lapisDateField"
             },