@genspectrum/dashboard-components 0.15.0 → 0.16.1

package/src/web-components/visualization/gs-prevalence-over-time.stories.ts

@@ -99,7 +99,6 @@ export const TwoDatasets: StoryObj<Required<PrevalenceOverTimeProps>> = {
         views: ['bar', 'line', 'bubble', 'table'],
         confidenceIntervalMethods: ['wilson'],
         width: '100%',
-        height: '700px',
         lapisDateField: 'date',
         pageSize: 10,
         yAxisMaxLinear: 1,
@@ -175,7 +174,6 @@ export const OneDataset: StoryObj<Required<PrevalenceOverTimeProps>> = {
         views: ['bar', 'line', 'bubble', 'table'],
         confidenceIntervalMethods: ['wilson'],
         width: '100%',
-        height: '700px',
         lapisDateField: 'date',
         pageSize: 10,
         yAxisMaxLinear: 1,
@@ -252,3 +250,11 @@ export const OneDatasetOnTableTab: StoryObj<Required<PrevalenceOverTimeProps>> =
         await fireEvent.click(canvas.getByRole('button', { name: 'Table' }));
     },
 };
+
+export const WithFixedHeight: StoryObj<Required<PrevalenceOverTimeProps>> = {
+    ...TwoDatasets,
+    args: {
+        ...TwoDatasets.args,
+        height: '700px',
+    },
+};

package/src/web-components/visualization/gs-prevalence-over-time.tsx

@@ -123,7 +123,7 @@ export class PrevalenceOverTimeComponent extends PreactLitAdapterWithGridJsStyle
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
      */
     @property({ type: String })
-    height: string = '700px';
+    height: string | undefined = undefined;
 
     /**
      * Required.

package/src/web-components/visualization/gs-relative-growth-advantage.stories.ts

@@ -81,7 +81,6 @@ export const Default: StoryObj<Required<RelativeGrowthAdvantageProps>> = {
         generationTime: 7,
         views: ['line'],
         width: '100%',
-        height: '700px',
         lapisDateField: 'date',
         yAxisMaxLinear: 1,
         yAxisMaxLogarithmic: 'limitTo1',
@@ -126,3 +125,11 @@ export const Default: StoryObj<Required<RelativeGrowthAdvantageProps>> = {
         },
     },
 };
+
+export const WithFixedHeight: StoryObj<Required<RelativeGrowthAdvantageProps>> = {
+    ...Default,
+    args: {
+        ...Default.args,
+        height: '700px',
+    },
+};

package/src/web-components/visualization/gs-relative-growth-advantage.tsx

@@ -87,7 +87,7 @@ export class RelativeGrowthAdvantageComponent extends PreactLitAdapter {
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
      */
     @property({ type: String })
-    height: string = '700px';
+    height: string | undefined = undefined;
 
     /**
      * Required.

package/src/web-components/visualization/gs-sequences-by-location.stories.ts

@@ -5,11 +5,11 @@ import { html } from 'lit';
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import aggregatedData from '../../preact/aggregatedData/__mockData__/aggregated.json';
-import aggregatedGermany from '../../preact/map/__mockData__/aggregatedGermany.json';
-import aggregatedWorld from '../../preact/map/__mockData__/aggregatedWorld.json';
-import mapOfGermany from '../../preact/map/__mockData__/germanyMap.json';
-import worldAtlas from '../../preact/map/__mockData__/worldAtlas.json';
-import { type SequencesByLocationProps } from '../../preact/map/sequences-by-location';
+import aggregatedGermany from '../../preact/sequencesByLocation/__mockData__/aggregatedGermany.json';
+import aggregatedWorld from '../../preact/sequencesByLocation/__mockData__/aggregatedWorld.json';
+import mapOfGermany from '../../preact/sequencesByLocation/__mockData__/germanyMap.json';
+import worldAtlas from '../../preact/sequencesByLocation/__mockData__/worldAtlas.json';
+import { type SequencesByLocationProps } from '../../preact/sequencesByLocation/sequences-by-location';
 import { withinShadowRoot } from '../withinShadowRoot.story';
 
 import './gs-sequences-by-location';
@@ -86,7 +86,6 @@ const Template: StoryObj<SequencesByLocationProps> = {
     args: {
         enableMapNavigation: false,
         width: '1100px',
-        height: '700px',
         views: ['map', 'table'],
         pageSize: 10,
     },
@@ -222,7 +221,6 @@ export const GermanyTableOnly: StoryObj<SequencesByLocationProps> = {
         lapisFilter: { dateFrom: '2022-01-01', dateTo: '2022-04-01', country: 'Germany' },
         lapisLocationField: 'division',
         width: '100%',
-        height: '700px',
         views: ['table'],
         pageSize: 10,
     },
@@ -249,3 +247,11 @@ export const GermanyTableOnly: StoryObj<SequencesByLocationProps> = {
         },
     },
 };
+
+export const WithFixedHeight: StoryObj<SequencesByLocationProps> = {
+    ...WorldMap,
+    args: {
+        ...WorldMap.args,
+        height: '700px',
+    },
+};

package/src/web-components/visualization/gs-sequences-by-location.tsx

@@ -3,8 +3,11 @@ import { unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 
-import leafletStyleModifications from '../../preact/map/leafletStyleModifications.css?inline';
-import { SequencesByLocation, type SequencesByLocationProps } from '../../preact/map/sequences-by-location';
+import leafletStyleModifications from '../../preact/sequencesByLocation/leafletStyleModifications.css?inline';
+import {
+    SequencesByLocation,
+    type SequencesByLocationProps,
+} from '../../preact/sequencesByLocation/sequences-by-location';
 import type { Equals, Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsStyles';
 
@@ -148,7 +151,7 @@ export class SequencesByLocationComponent extends PreactLitAdapterWithGridJsStyl
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
      */
     @property({ type: String })
-    height: string = '700px';
+    height: string | undefined = undefined;
 
     /**
      A list of tabs with views that this component should provide.

package/src/web-components/visualization/gs-statistics.stories.ts

@@ -90,6 +90,5 @@ export const Default: StoryObj<Required<StatisticsProps>> = {
             division: 'Alabama',
         },
         width: '100%',
-        height: '700px',
     },
 };

package/src/web-components/visualization/gs-statistics.tsx

@@ -51,7 +51,7 @@ export class StatisticsComponent extends PreactLitAdapterWithGridJsStyles {
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
      */
     @property({ type: String })
-    height: string = '100%';
+    height: string | undefined = undefined;
 
     override render() {
         return (

package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.stories.ts

@@ -35,7 +35,7 @@ const meta: Meta<WastewaterMutationsOverTimeProps & { infoText: string }> = {
         lapisFilter: { versionStatus: 'LATEST_VERSION', isRevocation: false },
         sequenceType: 'nucleotide',
         width: '100%',
-        height: '700px',
+        height: undefined,
         infoText: 'Some info text',
         maxNumberOfGridRows: 100,
     },
@@ -88,3 +88,11 @@ export const WastewaterMutationsOverTime: StoryObj<WastewaterMutationsOverTimePr
         },
     },
 };
+
+export const WithFixedHeight: StoryObj<WastewaterMutationsOverTimeProps & { infoText: string }> = {
+    ...WastewaterMutationsOverTime,
+    args: {
+        ...WastewaterMutationsOverTime.args,
+        height: '700px',
+    },
+};

package/src/web-components/wastewaterVisualization/gs-wastewater-mutations-over-time.tsx

@@ -63,7 +63,7 @@ export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGr
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
      */
     @property({ type: String })
-    height: string = '700px';
+    height: string | undefined = undefined;
 
     /**
      * The maximum number of grid rows to display.