@genspectrum/dashboard-components 0.9.1 → 0.10.1

package/custom-elements.json

@@ -2573,7 +2573,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: ['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: { 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'], }"
         },
         {
           "kind": "variable",
@@ -2732,8 +2732,8 @@
               "type": {
                 "text": "('wilson' | 'none')[]"
               },
-              "default": "['wilson']",
-              "description": "A list of methods to calculate the confidence interval.\nThe option `none` is always available and disables confidence intervals.\nPass an empty array to disable the confidence interval selector.",
+              "default": "['none', 'wilson']",
+              "description": "A list of methods to calculate the confidence interval.\nPass an empty array to disable the confidence interval selector.\nThe first entry will be selected by default.",
               "attribute": "confidenceIntervalMethods"
             },
             {
@@ -2848,8 +2848,8 @@
               "type": {
                 "text": "('wilson' | 'none')[]"
               },
-              "default": "['wilson']",
-              "description": "A list of methods to calculate the confidence interval.\nThe option `none` is always available and disables confidence intervals.\nPass an empty array to disable the confidence interval selector.",
+              "default": "['none', 'wilson']",
+              "description": "A list of methods to calculate the confidence interval.\nPass an empty array to disable the confidence interval selector.\nThe first entry will be selected by default.",
               "fieldName": "confidenceIntervalMethods"
             },
             {
@@ -3184,6 +3184,161 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/visualization/gs-statistics.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta<Required<StatisticsProps>>"
+          },
+          "default": "{ title: 'Visualization/Statistics', component: 'gs-statistics', argTypes: { width: { control: 'text' }, height: { control: 'text' }, }, parameters: withComponentDocs({ fetchMock: { mocks: [ { matcher: { name: 'denominatorData', url: AGGREGATED_ENDPOINT, body: { fields: [], country: 'USA', }, }, response: { status: 200, body: denominatorData, }, }, { matcher: { name: 'numeratorData', url: AGGREGATED_ENDPOINT, body: { fields: [], country: 'USA', division: 'Alabama', }, }, response: { status: 200, body: numeratorData, }, }, ], }, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), tags: ['autodocs'], }"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj<Required<StatisticsProps>>"
+          },
+          "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <gs-statistics .numeratorFilter=${args.numeratorFilter} .denominatorFilter=${args.denominatorFilter} .width=${args.width} .height=${args.height} ></gs-statistics> </gs-app> `, args: { denominatorFilter: { country: 'USA', }, numeratorFilter: { country: 'USA', division: 'Alabama', }, width: '100%', height: '700px', }, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/web-components/visualization/gs-statistics.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/web-components/visualization/gs-statistics.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/web-components/visualization/gs-statistics.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "## Context\n\nThis component displays general statistics (number of sequences, overall proportion)\nfor a given numerator and denominator filter.",
+          "name": "StatisticsComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "numeratorFilter",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "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.",
+              "attribute": "numeratorFilter"
+            },
+            {
+              "kind": "field",
+              "name": "denominatorFilter",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{}",
+              "description": "The filter to apply to the data for the denominator of the proportion.\nIt must be a valid LAPIS filter object.",
+              "attribute": "denominatorFilter"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "The width of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "The height of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "attribute": "height"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "numeratorFilter",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "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.",
+              "fieldName": "numeratorFilter"
+            },
+            {
+              "name": "denominatorFilter",
+              "type": {
+                "text": "LapisFilter"
+              },
+              "default": "{}",
+              "description": "The filter to apply to the data for the denominator of the proportion.\nIt must be a valid LAPIS filter object.",
+              "fieldName": "denominatorFilter"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "The width of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "fieldName": "width"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "'100%'",
+              "description": "The height of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "fieldName": "height"
+            }
+          ],
+          "superclass": {
+            "name": "PreactLitAdapterWithGridJsStyles",
+            "module": "/src/web-components/PreactLitAdapterWithGridJsStyles"
+          },
+          "tagName": "gs-statistics",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "StatisticsComponent",
+          "declaration": {
+            "name": "StatisticsComponent",
+            "module": "src/web-components/visualization/gs-statistics.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "gs-statistics",
+          "declaration": {
+            "name": "StatisticsComponent",
+            "module": "src/web-components/visualization/gs-statistics.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/web-components/visualization/index.ts",
@@ -3244,6 +3399,14 @@
             "name": "MutationsOverTimeComponent",
             "module": "./gs-mutations-over-time"
           }
+        },
+        {
+          "kind": "js",
+          "name": "StatisticsComponent",
+          "declaration": {
+            "name": "StatisticsComponent",
+            "module": "./gs-statistics"
+          }
         }
       ]
     },