@genspectrum/dashboard-components 0.6.13 → 0.6.15

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

@@ -1,7 +1,6 @@
 import { customElement, property } from 'lit/decorators.js';
 
-import { Mutations, type View } from '../../preact/mutations/mutations';
-import { type LapisFilter, type SequenceType } from '../../types';
+import { Mutations, type MutationsProps } from '../../preact/mutations/mutations';
 import type { Equals, Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsStyles';
 
@@ -98,7 +97,14 @@ declare global {
 }
 
 /* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
-type LapisFilterMatches = Expect<Equals<typeof MutationsComponent.prototype.lapisFilter, LapisFilter>>;
-type SequenceTypeMatches = Expect<Equals<typeof MutationsComponent.prototype.sequenceType, SequenceType>>;
-type ViewsMatches = Expect<Equals<typeof MutationsComponent.prototype.views, View[]>>;
+type LapisFilterMatches = Expect<
+    Equals<typeof MutationsComponent.prototype.lapisFilter, MutationsProps['lapisFilter']>
+>;
+type SequenceTypeMatches = Expect<
+    Equals<typeof MutationsComponent.prototype.sequenceType, MutationsProps['sequenceType']>
+>;
+type ViewsMatches = Expect<Equals<typeof MutationsComponent.prototype.views, MutationsProps['views']>>;
+type WidthMatches = Expect<Equals<typeof MutationsComponent.prototype.width, MutationsProps['width']>>;
+type HeightMatches = Expect<Equals<typeof MutationsComponent.prototype.height, MutationsProps['height']>>;
+type PageSizeMatches = Expect<Equals<typeof MutationsComponent.prototype.pageSize, MutationsProps['pageSize']>>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

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

@@ -128,9 +128,21 @@ declare global {
 type LapisFilterMatches = Expect<
     Equals<typeof NumberSequencesOverTimeComponent.prototype.lapisFilter, NumberSequencesOverTimeProps['lapisFilter']>
 >;
+type LapisDateFieldMatches = Expect<
+    Equals<
+        typeof NumberSequencesOverTimeComponent.prototype.lapisDateField,
+        NumberSequencesOverTimeProps['lapisDateField']
+    >
+>;
 type ViewsMatches = Expect<
     Equals<typeof NumberSequencesOverTimeComponent.prototype.views, NumberSequencesOverTimeProps['views']>
 >;
+type WidhtMatches = Expect<
+    Equals<typeof NumberSequencesOverTimeComponent.prototype.width, NumberSequencesOverTimeProps['width']>
+>;
+type HeightMatches = Expect<
+    Equals<typeof NumberSequencesOverTimeComponent.prototype.height, NumberSequencesOverTimeProps['height']>
+>;
 type GranularityMatches = Expect<
     Equals<typeof NumberSequencesOverTimeComponent.prototype.granularity, NumberSequencesOverTimeProps['granularity']>
 >;
@@ -140,4 +152,7 @@ type SmoothingWindowMatches = Expect<
         NumberSequencesOverTimeProps['smoothingWindow']
     >
 >;
+type PageSizeMatches = Expect<
+    Equals<typeof NumberSequencesOverTimeComponent.prototype.pageSize, NumberSequencesOverTimeProps['pageSize']>
+>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

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

@@ -4,8 +4,6 @@ import { html } from 'lit';
 
 import '../app';
 import './gs-prevalence-over-time';
-// eslint-disable-next-line no-duplicate-imports
-import { type PrevalenceOverTimeComponentProps } from './gs-prevalence-over-time';
 import { withComponentDocs } from '../../../.storybook/ComponentDocsBlock';
 import { AGGREGATED_ENDPOINT, LAPIS_URL } from '../../constants';
 import denominatorFilter from '../../preact/prevalenceOverTime/__mockData__/denominatorFilter.json';
@@ -13,6 +11,7 @@ import denominatorFilterOneDataset from '../../preact/prevalenceOverTime/__mockD
 import numeratorFilterEG from '../../preact/prevalenceOverTime/__mockData__/numeratorFilterEG.json';
 import numeratorFilterJN1 from '../../preact/prevalenceOverTime/__mockData__/numeratorFilterJN1.json';
 import numeratorFilterOneDataset from '../../preact/prevalenceOverTime/__mockData__/numeratorFilterOneDataset.json';
+import { type PrevalenceOverTimeProps } from '../../preact/prevalenceOverTime/prevalence-over-time';
 import { withinShadowRoot } from '../withinShadowRoot.story';
 
 const codeExample = String.raw`
@@ -31,7 +30,7 @@ const codeExample = String.raw`
     yAxisMaxLogarithmic="limitTo1"    
 ></gs-prevalence-over-time>`;
 
-const meta: Meta<Required<PrevalenceOverTimeComponentProps>> = {
+const meta: Meta<Required<PrevalenceOverTimeProps>> = {
     title: 'Visualization/Prevalence over time',
     component: 'gs-prevalence-over-time',
     argTypes: {
@@ -68,7 +67,7 @@ const meta: Meta<Required<PrevalenceOverTimeComponentProps>> = {
 
 export default meta;
 
-const Template: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
+const Template: StoryObj<Required<PrevalenceOverTimeProps>> = {
     render: (args) => html`
         <gs-app lapis="${LAPIS_URL}">
             <gs-prevalence-over-time
@@ -89,7 +88,7 @@ const Template: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
     `,
 };
 
-export const TwoDatasets: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
+export const TwoDatasets: StoryObj<Required<PrevalenceOverTimeProps>> = {
     ...Template,
     args: {
         numeratorFilter: [
@@ -163,7 +162,7 @@ export const TwoDatasets: StoryObj<Required<PrevalenceOverTimeComponentProps>> =
     },
 };
 
-export const OneDataset: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
+export const OneDataset: StoryObj<Required<PrevalenceOverTimeProps>> = {
     ...Template,
     args: {
         numeratorFilter: {
@@ -221,7 +220,7 @@ export const OneDataset: StoryObj<Required<PrevalenceOverTimeComponentProps>> =
     },
 };
 
-export const OneDatasetOnLineTab: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
+export const OneDatasetOnLineTab: StoryObj<Required<PrevalenceOverTimeProps>> = {
     ...OneDataset,
     play: async ({ canvasElement }) => {
         const canvas = await withinShadowRoot(canvasElement, 'gs-prevalence-over-time');
@@ -232,7 +231,7 @@ export const OneDatasetOnLineTab: StoryObj<Required<PrevalenceOverTimeComponentP
     },
 };
 
-export const OneDatasetOnBubbleTab: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
+export const OneDatasetOnBubbleTab: StoryObj<Required<PrevalenceOverTimeProps>> = {
     ...OneDataset,
     play: async ({ canvasElement }) => {
         const canvas = await withinShadowRoot(canvasElement, 'gs-prevalence-over-time');
@@ -243,7 +242,7 @@ export const OneDatasetOnBubbleTab: StoryObj<Required<PrevalenceOverTimeComponen
     },
 };
 
-export const OneDatasetOnTableTab: StoryObj<Required<PrevalenceOverTimeComponentProps>> = {
+export const OneDatasetOnTableTab: StoryObj<Required<PrevalenceOverTimeProps>> = {
     ...OneDataset,
     play: async ({ canvasElement }) => {
         const canvas = await withinShadowRoot(canvasElement, 'gs-prevalence-over-time');

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

@@ -1,7 +1,6 @@
 import { customElement, property } from 'lit/decorators.js';
 
 import { PrevalenceOverTime, type PrevalenceOverTimeProps } from '../../preact/prevalenceOverTime/prevalence-over-time';
-import { type AxisMax } from '../../preact/shared/charts/getYAxisMax';
 import { type Equals, type Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapterWithGridJsStyles } from '../PreactLitAdapterWithGridJsStyles';
 
@@ -57,7 +56,7 @@ export class PrevalenceOverTimeComponent extends PreactLitAdapterWithGridJsStyle
      * It should be human-readable.
      *
      */
-    @property({ type: Object })
+    @property({type: Object})
     numeratorFilter:
         {
             lapisFilter: Record<string, string | number | null | boolean>;
@@ -66,7 +65,7 @@ export class PrevalenceOverTimeComponent extends PreactLitAdapterWithGridJsStyle
         | {
         lapisFilter: Record<string, string | number | null | boolean>;
         displayName: string;
-    }[] = { displayName: '', lapisFilter: {} };
+    }[] = {displayName: '', lapisFilter: {}};
 
     /**
      * Required.
@@ -182,11 +181,6 @@ export class PrevalenceOverTimeComponent extends PreactLitAdapterWithGridJsStyle
     }
 }
 
-export interface PrevalenceOverTimeComponentProps extends Omit<PrevalenceOverTimeProps, 'yAxisMaxConfig'> {
-    yAxisMaxLinear?: AxisMax;
-    yAxisMaxLogarithmic?: AxisMax;
-}
-
 declare global {
     interface HTMLElementTagNameMap {
         'gs-prevalence-over-time': PrevalenceOverTimeComponent;
@@ -203,6 +197,9 @@ type DenominatorMatches = Expect<
 type GranularityMatches = Expect<
     Equals<typeof PrevalenceOverTimeComponent.prototype.granularity, PrevalenceOverTimeProps['granularity']>
 >;
+type SmoothingWindowMatches = Expect<
+    Equals<typeof PrevalenceOverTimeComponent.prototype.smoothingWindow, PrevalenceOverTimeProps['smoothingWindow']>
+>;
 type ViewsMatches = Expect<
     Equals<typeof PrevalenceOverTimeComponent.prototype.views, PrevalenceOverTimeProps['views']>
 >;
@@ -212,4 +209,25 @@ type ConfidenceIntervalMethodsMatches = Expect<
         PrevalenceOverTimeProps['confidenceIntervalMethods']
     >
 >;
+type WidhtMatches = Expect<
+    Equals<typeof PrevalenceOverTimeComponent.prototype.width, PrevalenceOverTimeProps['width']>
+>;
+type HeightMatches = Expect<
+    Equals<typeof PrevalenceOverTimeComponent.prototype.height, PrevalenceOverTimeProps['height']>
+>;
+type LapisDateFieldMatches = Expect<
+    Equals<typeof PrevalenceOverTimeComponent.prototype.lapisDateField, PrevalenceOverTimeProps['lapisDateField']>
+>;
+type PageSizeMatches = Expect<
+    Equals<typeof PrevalenceOverTimeComponent.prototype.pageSize, PrevalenceOverTimeProps['pageSize']>
+>;
+type YAxisMaxLinearMatches = Expect<
+    Equals<typeof PrevalenceOverTimeComponent.prototype.yAxisMaxLinear, PrevalenceOverTimeProps['yAxisMaxLinear']>
+>;
+type YAxisMaxLogarithmicMatches = Expect<
+    Equals<
+        typeof PrevalenceOverTimeComponent.prototype.yAxisMaxLogarithmic,
+        PrevalenceOverTimeProps['yAxisMaxLogarithmic']
+    >
+>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */

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

@@ -3,10 +3,8 @@ import { customElement, property } from 'lit/decorators.js';
 import {
     RelativeGrowthAdvantage,
     type RelativeGrowthAdvantageProps,
-    type View,
 } from '../../preact/relativeGrowthAdvantage/relative-growth-advantage';
 import { type AxisMax } from '../../preact/shared/charts/getYAxisMax';
-import type { LapisFilter } from '../../types';
 import { type Equals, type Expect } from '../../utils/typeAssertions';
 import { PreactLitAdapter } from '../PreactLitAdapter';
 
@@ -146,9 +144,49 @@ declare global {
 }
 
 /* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
-type NumeratorMatches = Expect<Equals<typeof RelativeGrowthAdvantageComponent.prototype.numeratorFilter, LapisFilter>>;
+type NumeratorMatches = Expect<
+    Equals<
+        typeof RelativeGrowthAdvantageComponent.prototype.numeratorFilter,
+        RelativeGrowthAdvantageProps['numeratorFilter']
+    >
+>;
 type DenominatorMatches = Expect<
-    Equals<typeof RelativeGrowthAdvantageComponent.prototype.denominatorFilter, LapisFilter>
+    Equals<
+        typeof RelativeGrowthAdvantageComponent.prototype.denominatorFilter,
+        RelativeGrowthAdvantageProps['denominatorFilter']
+    >
+>;
+type GenerationTimeMatches = Expect<
+    Equals<
+        typeof RelativeGrowthAdvantageComponent.prototype.generationTime,
+        RelativeGrowthAdvantageProps['generationTime']
+    >
+>;
+type ViewsMatches = Expect<
+    Equals<typeof RelativeGrowthAdvantageComponent.prototype.views, RelativeGrowthAdvantageProps['views']>
+>;
+type WidthMatches = Expect<
+    Equals<typeof RelativeGrowthAdvantageComponent.prototype.width, RelativeGrowthAdvantageProps['width']>
+>;
+type HeightMatches = Expect<
+    Equals<typeof RelativeGrowthAdvantageComponent.prototype.height, RelativeGrowthAdvantageProps['height']>
+>;
+type LapisDateFieldMatches = Expect<
+    Equals<
+        typeof RelativeGrowthAdvantageComponent.prototype.lapisDateField,
+        RelativeGrowthAdvantageProps['lapisDateField']
+    >
+>;
+type YAxisMaxLinearMatches = Expect<
+    Equals<
+        typeof RelativeGrowthAdvantageComponent.prototype.yAxisMaxLinear,
+        Required<RelativeGrowthAdvantageProps['yAxisMaxConfig']>['linear']
+    >
+>;
+type YAxisMaxLogarithmicMatches = Expect<
+    Equals<
+        typeof RelativeGrowthAdvantageComponent.prototype.yAxisMaxLogarithmic,
+        Required<RelativeGrowthAdvantageProps['yAxisMaxConfig']>['logarithmic']
+    >
 >;
-type ViewsMatches = Expect<Equals<typeof RelativeGrowthAdvantageComponent.prototype.views, View[]>>;
 /* eslint-enable @typescript-eslint/no-unused-vars, no-unused-vars */