@genspectrum/dashboard-components 0.6.15 → 0.6.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +3 -3
- package/dist/dashboard-components.js +115 -117
- package/dist/dashboard-components.js.map +1 -1
- package/dist/genspectrum-components.d.ts +141 -25
- package/dist/style.css +107 -112
- package/package.json +3 -3
- package/src/preact/components/error-display.stories.tsx +2 -2
- package/src/preact/components/proportion-selector-dropdown.stories.tsx +13 -4
- package/src/preact/components/proportion-selector-dropdown.tsx +7 -4
- package/src/preact/mutationsOverTime/mutations-over-time.tsx +1 -0
- package/src/web-components/app.ts +10 -0
- package/src/web-components/input/gs-date-range-selector.tsx +10 -0
- package/src/web-components/input/gs-lineage-filter.stories.ts +1 -1
- package/src/web-components/input/gs-lineage-filter.tsx +10 -0
- package/src/web-components/input/gs-location-filter.stories.ts +2 -2
- package/src/web-components/input/gs-location-filter.tsx +10 -0
- package/src/web-components/input/gs-mutation-filter.tsx +10 -0
- package/src/web-components/input/gs-text-input.stories.ts +1 -1
- package/src/web-components/input/gs-text-input.tsx +10 -0
- package/src/web-components/visualization/gs-aggregate.tsx +10 -0
- package/src/web-components/visualization/gs-mutation-comparison.tsx +10 -0
- package/src/web-components/visualization/gs-mutations-over-time.tsx +10 -0
- package/src/web-components/visualization/gs-mutations.tsx +10 -0
- package/src/web-components/visualization/gs-number-sequences-over-time.tsx +10 -0
- package/src/web-components/visualization/gs-prevalence-over-time.tsx +10 -0
- package/src/web-components/visualization/gs-relative-growth-advantage.tsx +10 -0
- package/standalone-bundle/dashboard-components.js +3133 -3122
- package/standalone-bundle/dashboard-components.js.map +1 -1
|
@@ -199,7 +199,7 @@ export const FiresEvent: StoryObj<LocationFilterProps> = {
|
|
|
199
199
|
|
|
200
200
|
await step('Empty input', async () => {
|
|
201
201
|
await userEvent.type(inputField(), '{backspace>18/}');
|
|
202
|
-
await expect(listenerMock.mock.calls.at(-1)[0].detail).toStrictEqual({
|
|
202
|
+
await expect(listenerMock.mock.calls.at(-1)![0].detail).toStrictEqual({
|
|
203
203
|
region: undefined,
|
|
204
204
|
country: undefined,
|
|
205
205
|
division: undefined,
|
|
@@ -209,7 +209,7 @@ export const FiresEvent: StoryObj<LocationFilterProps> = {
|
|
|
209
209
|
|
|
210
210
|
await step('Select Asia', async () => {
|
|
211
211
|
await userEvent.type(inputField(), 'Asia');
|
|
212
|
-
await expect(listenerMock.mock.calls.at(-1)[0].detail).toStrictEqual({
|
|
212
|
+
await expect(listenerMock.mock.calls.at(-1)![0].detail).toStrictEqual({
|
|
213
213
|
region: 'Asia',
|
|
214
214
|
country: undefined,
|
|
215
215
|
division: undefined,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { LocationFilter, type LocationFilterProps } from '../../preact/locationFilter/location-filter';
|
|
4
5
|
import type { Equals, Expect } from '../../utils/typeAssertions';
|
|
@@ -88,6 +89,15 @@ declare global {
|
|
|
88
89
|
}
|
|
89
90
|
}
|
|
90
91
|
|
|
92
|
+
declare global {
|
|
93
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
94
|
+
namespace JSX {
|
|
95
|
+
interface IntrinsicElements {
|
|
96
|
+
'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
91
101
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
92
102
|
type InitialValueMatches = Expect<
|
|
93
103
|
Equals<typeof LocationFilterComponent.prototype.initialValue, LocationFilterProps['initialValue']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { ReferenceGenomesAwaiter } from '../../preact/components/ReferenceGenomesAwaiter';
|
|
4
5
|
import {
|
|
@@ -111,6 +112,15 @@ declare global {
|
|
|
111
112
|
}
|
|
112
113
|
}
|
|
113
114
|
|
|
115
|
+
declare global {
|
|
116
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
117
|
+
namespace JSX {
|
|
118
|
+
interface IntrinsicElements {
|
|
119
|
+
'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
114
124
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
115
125
|
type InitialValueMatches = Expect<
|
|
116
126
|
Equals<typeof MutationFilterComponent.prototype.initialValue, MutationFilterProps['initialValue']>
|
|
@@ -121,7 +121,7 @@ export const FiresEvent: StoryObj<Required<TextInputProps>> = {
|
|
|
121
121
|
|
|
122
122
|
await step('Empty input', async () => {
|
|
123
123
|
await userEvent.type(inputField(), '{backspace>9/}');
|
|
124
|
-
await expect(listenerMock.mock.calls.at(-1)[0].detail).toStrictEqual({
|
|
124
|
+
await expect(listenerMock.mock.calls.at(-1)![0].detail).toStrictEqual({
|
|
125
125
|
host: undefined,
|
|
126
126
|
});
|
|
127
127
|
});
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { TextInput, type TextInputProps } from '../../preact/textInput/text-input';
|
|
4
5
|
import type { Equals, Expect } from '../../utils/typeAssertions';
|
|
@@ -73,6 +74,15 @@ declare global {
|
|
|
73
74
|
}
|
|
74
75
|
}
|
|
75
76
|
|
|
77
|
+
declare global {
|
|
78
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
79
|
+
namespace JSX {
|
|
80
|
+
interface IntrinsicElements {
|
|
81
|
+
'gs-text-input-changed': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
76
86
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
77
87
|
type InitialValueMatches = Expect<
|
|
78
88
|
Equals<typeof TextInputComponent.prototype.initialValue, TextInputProps['initialValue']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import type { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { Aggregate, type AggregateProps, type View } from '../../preact/aggregatedData/aggregate';
|
|
4
5
|
import { type LapisFilter } from '../../types';
|
|
@@ -104,6 +105,15 @@ declare global {
|
|
|
104
105
|
}
|
|
105
106
|
}
|
|
106
107
|
|
|
108
|
+
declare global {
|
|
109
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
110
|
+
namespace JSX {
|
|
111
|
+
interface IntrinsicElements {
|
|
112
|
+
'gs-aggregate-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
107
117
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
108
118
|
type FieldsMatches = Expect<Equals<typeof AggregateComponent.prototype.fields, AggregateProps['fields']>>;
|
|
109
119
|
type ViewsMatches = Expect<Equals<typeof AggregateComponent.prototype.views, AggregateProps['views']>>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { MutationComparison, type MutationComparisonProps } from '../../preact/mutationComparison/mutation-comparison';
|
|
4
5
|
import { type Equals, type Expect } from '../../utils/typeAssertions';
|
|
@@ -102,6 +103,15 @@ declare global {
|
|
|
102
103
|
}
|
|
103
104
|
}
|
|
104
105
|
|
|
106
|
+
declare global {
|
|
107
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
108
|
+
namespace JSX {
|
|
109
|
+
interface IntrinsicElements {
|
|
110
|
+
'gs-mutation-comparison-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
105
115
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
106
116
|
type LapisFiltersMatches = Expect<
|
|
107
117
|
Equals<typeof MutationComparisonComponent.prototype.lapisFilters, MutationComparisonProps['lapisFilters']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { MutationsOverTime, type MutationsOverTimeProps } from '../../preact/mutationsOverTime/mutations-over-time';
|
|
4
5
|
import type { Equals, Expect } from '../../utils/typeAssertions';
|
|
@@ -104,6 +105,15 @@ declare global {
|
|
|
104
105
|
}
|
|
105
106
|
}
|
|
106
107
|
|
|
108
|
+
declare global {
|
|
109
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
110
|
+
namespace JSX {
|
|
111
|
+
interface IntrinsicElements {
|
|
112
|
+
'gs-mutations-over-time-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
107
117
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
108
118
|
type LapisFilterMatches = Expect<
|
|
109
119
|
Equals<typeof MutationsOverTimeComponent.prototype.lapisFilter, MutationsOverTimeProps['lapisFilter']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { Mutations, type MutationsProps } from '../../preact/mutations/mutations';
|
|
4
5
|
import type { Equals, Expect } from '../../utils/typeAssertions';
|
|
@@ -96,6 +97,15 @@ declare global {
|
|
|
96
97
|
}
|
|
97
98
|
}
|
|
98
99
|
|
|
100
|
+
declare global {
|
|
101
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
102
|
+
namespace JSX {
|
|
103
|
+
interface IntrinsicElements {
|
|
104
|
+
'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
99
109
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
100
110
|
type LapisFilterMatches = Expect<
|
|
101
111
|
Equals<typeof MutationsComponent.prototype.lapisFilter, MutationsProps['lapisFilter']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import {
|
|
4
5
|
NumberSequencesOverTime,
|
|
@@ -124,6 +125,15 @@ declare global {
|
|
|
124
125
|
}
|
|
125
126
|
}
|
|
126
127
|
|
|
128
|
+
declare global {
|
|
129
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
130
|
+
namespace JSX {
|
|
131
|
+
interface IntrinsicElements {
|
|
132
|
+
'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
127
137
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
128
138
|
type LapisFilterMatches = Expect<
|
|
129
139
|
Equals<typeof NumberSequencesOverTimeComponent.prototype.lapisFilter, NumberSequencesOverTimeProps['lapisFilter']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import { PrevalenceOverTime, type PrevalenceOverTimeProps } from '../../preact/prevalenceOverTime/prevalence-over-time';
|
|
4
5
|
import { type Equals, type Expect } from '../../utils/typeAssertions';
|
|
@@ -187,6 +188,15 @@ declare global {
|
|
|
187
188
|
}
|
|
188
189
|
}
|
|
189
190
|
|
|
191
|
+
declare global {
|
|
192
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
193
|
+
namespace JSX {
|
|
194
|
+
interface IntrinsicElements {
|
|
195
|
+
'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
|
|
190
200
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
191
201
|
type NumeratorMatches = Expect<
|
|
192
202
|
Equals<typeof PrevalenceOverTimeComponent.prototype.numeratorFilter, PrevalenceOverTimeProps['numeratorFilter']>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { customElement, property } from 'lit/decorators.js';
|
|
2
|
+
import { type DetailedHTMLProps, type HTMLAttributes } from 'react';
|
|
2
3
|
|
|
3
4
|
import {
|
|
4
5
|
RelativeGrowthAdvantage,
|
|
@@ -143,6 +144,15 @@ declare global {
|
|
|
143
144
|
}
|
|
144
145
|
}
|
|
145
146
|
|
|
147
|
+
declare global {
|
|
148
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
149
|
+
namespace JSX {
|
|
150
|
+
interface IntrinsicElements {
|
|
151
|
+
'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
146
156
|
/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */
|
|
147
157
|
type NumeratorMatches = Expect<
|
|
148
158
|
Equals<
|