@genspectrum/dashboard-components 1.2.0 → 1.3.0

package/src/web-components/visualization/gs-mutations-over-time.spec-d.ts

@@ -32,6 +32,9 @@ describe('gs-mutations-over-time', () => {
         expectTypeOf<typeof MutationsOverTimeComponent.prototype.initialMeanProportionInterval>().toEqualTypeOf<
             MutationsOverTimeProps['initialMeanProportionInterval']
         >();
+        expectTypeOf<typeof MutationsOverTimeComponent.prototype.useNewEndpoint>().toEqualTypeOf<
+            MutationsOverTimeProps['useNewEndpoint']
+        >();
         expectTypeOf<typeof MutationsOverTimeComponent.prototype.pageSizes>().toEqualTypeOf<
             MutationsOverTimeProps['pageSizes']
         >();

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

@@ -42,6 +42,7 @@ const meta: Meta<Required<MutationsOverTimeProps>> = {
         lapisDateField: { control: 'text' },
         displayMutations: { control: 'object' },
         initialMeanProportionInterval: { control: 'object' },
+        useNewEndpoint: { control: 'boolean' },
         pageSizes: { control: 'object' },
     },
     args: {
@@ -52,6 +53,7 @@ const meta: Meta<Required<MutationsOverTimeProps>> = {
         granularity: 'month',
         lapisDateField: 'date',
         initialMeanProportionInterval: { min: 0.05, max: 0.9 },
+        useNewEndpoint: false,
         pageSizes: [10, 20, 30, 40, 50],
     },
     parameters: withComponentDocs({
@@ -99,6 +101,7 @@ const Template: StoryObj<Required<MutationsOverTimeProps>> = {
                 .displayMutations=${args.displayMutations}
                 .initialMeanProportionInterval=${args.initialMeanProportionInterval}
                 .pageSizes=${args.pageSizes}
+                .useNewEndpoint=${args.useNewEndpoint}
             ></gs-mutations-over-time>
         </gs-app>
     `,

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

@@ -113,6 +113,14 @@ export class MutationsOverTimeComponent extends PreactLitAdapterWithGridJsStyles
     @property({ type: Object })
     initialMeanProportionInterval: { min: number; max: number } = { min: 0.05, max: 0.9 };
 
+    /**
+     * Whether to use the mutationsOverTime endpoint from LAPIS.
+     * If true, use the endpoint, if false, compute component data as before.
+     * Eventually, the new endpoint will become the default.
+     */
+    @property({ type: Boolean })
+    useNewEndpoint?: boolean = false;
+
     /**
      * The number of rows per page, which can be selected by the user.
      */
@@ -138,6 +146,7 @@ export class MutationsOverTimeComponent extends PreactLitAdapterWithGridJsStyles
                     lapisDateField={this.lapisDateField}
                     displayMutations={this.displayMutations}
                     initialMeanProportionInterval={this.initialMeanProportionInterval}
+                    useNewEndpoint={this.useNewEndpoint}
                     pageSizes={this.pageSizes}
                 />
             </MutationAnnotationsContextProvider>