@genspectrum/dashboard-components 0.16.4 → 0.17.1

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

@@ -14,7 +14,7 @@ const codeExample = String.raw`
     sequenceType='nucleotide'
     width='100%'
     height='700px'
-    maxNumberOfGridRows='100'
+    pageSizes='[5,10]'
 >
     <span slot="infoText">Some info text</span>
 </gs-wastewater-mutations-over-time>`;
@@ -37,7 +37,7 @@ const meta: Meta<WastewaterMutationsOverTimeProps & { infoText: string }> = {
         width: '100%',
         height: undefined,
         infoText: 'Some info text',
-        maxNumberOfGridRows: 100,
+        pageSizes: [10, 20, 30, 40, 50],
     },
     parameters: withComponentDocs({
         componentDocs: {
@@ -70,7 +70,7 @@ export const WastewaterMutationsOverTime: StoryObj<WastewaterMutationsOverTimePr
                 .sequenceType=${args.sequenceType}
                 .width=${args.width}
                 .height=${args.height}
-                .maxNumberOfGridRows=${args.maxNumberOfGridRows}
+                .pageSizes=${args.pageSizes}
             >
                 <span slot="infoText">${args.infoText}</span>
             </gs-wastewater-mutations-over-time>

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

@@ -3,11 +3,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
 
 import { MutationAnnotationsContextProvider } from '../../preact/MutationAnnotationsContext';
-import {
-    WastewaterMutationsOverTime,
-    type WastewaterMutationsOverTimeProps,
-} from '../../preact/wastewater/mutationsOverTime/wastewater-mutations-over-time';
-import { type Equals, type Expect } from '../../utils/typeAssertions';
+import { WastewaterMutationsOverTime } from '../../preact/wastewater/mutationsOverTime/wastewater-mutations-over-time';
 import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsStyles';
 import { type MutationAnnotations, mutationAnnotationsContext } from '../mutation-annotations-context';
 
@@ -55,7 +51,7 @@ export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGr
     /**
      * The width of the component.
      *
-     * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
+     * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
      */
     @property({ type: String })
     width: string = '100%';
@@ -63,16 +59,16 @@ export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGr
     /**
      * The height of the component.
      *
-     * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
+     * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
      */
     @property({ type: String })
     height: string | undefined = undefined;
 
     /**
-     * The maximum number of grid rows to display.
+     * The number of rows per page, which can be selected by the user.
      */
-    @property({ type: Number })
-    maxNumberOfGridRows: number = 100;
+    @property({ type: Array })
+    pageSizes: number[] | number = [10, 20, 30, 40, 50];
 
     /**
      * @internal
@@ -88,7 +84,7 @@ export class WastewaterMutationsOverTimeComponent extends PreactLitAdapterWithGr
                     sequenceType={this.sequenceType}
                     width={this.width}
                     height={this.height}
-                    maxNumberOfGridRows={this.maxNumberOfGridRows}
+                    pageSizes={this.pageSizes}
                 />
             </MutationAnnotationsContextProvider>
         );
@@ -109,30 +105,3 @@ declare global {
         }
     }
 }
-
-/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
-type LapisFilterMatches = Expect<
-    Equals<
-        typeof WastewaterMutationsOverTimeComponent.prototype.lapisFilter,
-        WastewaterMutationsOverTimeProps['lapisFilter']
-    >
->;
-type SequenceTypeMatches = Expect<
-    Equals<
-        typeof WastewaterMutationsOverTimeComponent.prototype.sequenceType,
-        WastewaterMutationsOverTimeProps['sequenceType']
-    >
->;
-type WidthMatches = Expect<
-    Equals<typeof WastewaterMutationsOverTimeComponent.prototype.width, WastewaterMutationsOverTimeProps['width']>
->;
-type HeightMatches = Expect<
-    Equals<typeof WastewaterMutationsOverTimeComponent.prototype.height, WastewaterMutationsOverTimeProps['height']>
->;
-type MaxNumberOfGridRowsMatches = Expect<
-    Equals<
-        typeof WastewaterMutationsOverTimeComponent.prototype.maxNumberOfGridRows,
-        WastewaterMutationsOverTimeProps['maxNumberOfGridRows']
-    >
->;
-/* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */