@genspectrum/dashboard-components 0.19.1 → 0.19.3
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 +160 -10
- package/dist/{LineageFilterChangedEvent-ixHQkq8y.js → LineageFilterChangedEvent-b0iuroUL.js} +15 -5
- package/dist/LineageFilterChangedEvent-b0iuroUL.js.map +1 -0
- package/dist/assets/mutationOverTimeWorker-ChQTFL68.js.map +1 -1
- package/dist/components.d.ts +61 -15
- package/dist/components.js +9083 -8727
- package/dist/components.js.map +1 -1
- package/dist/util.d.ts +41 -15
- package/dist/util.js +2 -1
- package/package.json +1 -1
- package/src/componentsEntrypoint.ts +3 -1
- package/src/preact/components/downshift-combobox.tsx +31 -16
- package/src/preact/components/error-display.stories.tsx +2 -1
- package/src/preact/components/error-display.tsx +2 -3
- package/src/preact/components/resize-container.tsx +7 -10
- package/src/preact/components/tooltip.tsx +7 -4
- package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +5 -4
- package/src/preact/dateRangeFilter/date-range-filter.tsx +2 -1
- package/src/preact/dateRangeFilter/dateRangeOption.ts +2 -1
- package/src/preact/genomeViewer/CDSPlot.tsx +219 -0
- package/src/preact/genomeViewer/genome-data-viewer.stories.tsx +113 -0
- package/src/preact/genomeViewer/genome-data-viewer.tsx +69 -0
- package/src/preact/genomeViewer/loadGff3.spec.ts +61 -0
- package/src/preact/genomeViewer/loadGff3.ts +174 -0
- package/src/preact/lineageFilter/LineageFilterChangedEvent.ts +3 -1
- package/src/preact/lineageFilter/lineage-filter.stories.tsx +3 -2
- package/src/preact/lineageFilter/lineage-filter.tsx +4 -4
- package/src/preact/locationFilter/LocationChangedEvent.ts +2 -1
- package/src/preact/locationFilter/location-filter.stories.tsx +3 -2
- package/src/preact/locationFilter/location-filter.tsx +5 -7
- package/src/preact/mutationFilter/mutation-filter.stories.tsx +3 -2
- package/src/preact/mutationFilter/mutation-filter.tsx +2 -1
- package/src/preact/shared/charts/colors.ts +1 -1
- package/src/preact/textFilter/TextFilterChangedEvent.ts +3 -1
- package/src/preact/textFilter/text-filter.stories.tsx +71 -10
- package/src/preact/textFilter/text-filter.tsx +5 -7
- package/src/utilEntrypoint.ts +2 -0
- package/src/utils/gsEventNames.ts +9 -0
- package/src/web-components/input/gs-date-range-filter.stories.ts +4 -3
- package/src/web-components/input/gs-date-range-filter.tsx +3 -2
- package/src/web-components/input/gs-lineage-filter.stories.ts +3 -2
- package/src/web-components/input/gs-lineage-filter.tsx +2 -1
- package/src/web-components/input/gs-location-filter.stories.ts +3 -2
- package/src/web-components/input/gs-location-filter.tsx +2 -1
- package/src/web-components/input/gs-mutation-filter.stories.ts +3 -2
- package/src/web-components/input/gs-mutation-filter.tsx +2 -1
- package/src/web-components/input/gs-text-filter.stories.ts +6 -12
- package/src/web-components/input/gs-text-filter.tsx +2 -1
- package/src/web-components/visualization/gs-genome-data-viewer.spec-d.ts +18 -0
- package/src/web-components/visualization/gs-genome-data-viewer.stories.ts +108 -0
- package/src/web-components/visualization/gs-genome-data-viewer.tsx +59 -0
- package/src/web-components/visualization/index.ts +1 -0
- package/standalone-bundle/assets/mutationOverTimeWorker-jChgWnwp.js.map +1 -1
- package/standalone-bundle/dashboard-components.js +32674 -32374
- package/standalone-bundle/dashboard-components.js.map +1 -1
- package/dist/LineageFilterChangedEvent-ixHQkq8y.js.map +0 -1
package/dist/components.d.ts
CHANGED
|
@@ -233,6 +233,36 @@ declare class ErrorEvent_2 extends Event {
|
|
|
233
233
|
}
|
|
234
234
|
export { ErrorEvent_2 as ErrorEvent }
|
|
235
235
|
|
|
236
|
+
/**
|
|
237
|
+
* ## Context
|
|
238
|
+
*
|
|
239
|
+
* This component shows the Coding Sequence (CDS) of a genome using a gff3 file as input.
|
|
240
|
+
* The CDS shows which parts of the genome are translated into proteins.
|
|
241
|
+
*
|
|
242
|
+
*/
|
|
243
|
+
export declare class GenomeDataViewerComponent extends PreactLitAdapter {
|
|
244
|
+
/**
|
|
245
|
+
* Required
|
|
246
|
+
*
|
|
247
|
+
* The source of the gff3 file. Any spec-compliant gff3 should be accepted, however we use the same format as Nextclade.
|
|
248
|
+
* See https://docs.nextstrain.org/projects/nextclade/en/stable/user/input-files/03-genome-annotation.html for more information.
|
|
249
|
+
* We only use the CDS and gene features from the gff3 file, if you have other features in the gff3 file they will be ignored.
|
|
250
|
+
* Also note that if a CDS has a gene feature as a parent, the gene feature will be ignored.
|
|
251
|
+
*/
|
|
252
|
+
gff3Source: string;
|
|
253
|
+
/**
|
|
254
|
+
* The length of the genome, if this is not given it will be computed from the `sequence-region` line of the start of the gff3 file.
|
|
255
|
+
*/
|
|
256
|
+
genomeLength: number | undefined;
|
|
257
|
+
/**
|
|
258
|
+
* The width of the component.
|
|
259
|
+
*
|
|
260
|
+
* Visit https://genspectrum.github.io/dashboard-components/?path=/docs/concepts-size-of-components--docs for more information.
|
|
261
|
+
*/
|
|
262
|
+
width: string;
|
|
263
|
+
render(): JSX_2.Element;
|
|
264
|
+
}
|
|
265
|
+
|
|
236
266
|
/**
|
|
237
267
|
*
|
|
238
268
|
* ## Context
|
|
@@ -1402,7 +1432,7 @@ export { }
|
|
|
1402
1432
|
|
|
1403
1433
|
declare global {
|
|
1404
1434
|
interface HTMLElementEventMap {
|
|
1405
|
-
|
|
1435
|
+
[gsEventNames.error]: ErrorEvent;
|
|
1406
1436
|
}
|
|
1407
1437
|
}
|
|
1408
1438
|
|
|
@@ -1425,7 +1455,7 @@ declare global {
|
|
|
1425
1455
|
|
|
1426
1456
|
declare global {
|
|
1427
1457
|
interface HTMLElementTagNameMap {
|
|
1428
|
-
'gs-
|
|
1458
|
+
'gs-genome-data-viewer': GenomeDataViewerComponent;
|
|
1429
1459
|
}
|
|
1430
1460
|
}
|
|
1431
1461
|
|
|
@@ -1433,7 +1463,7 @@ declare global {
|
|
|
1433
1463
|
declare global {
|
|
1434
1464
|
namespace JSX {
|
|
1435
1465
|
interface IntrinsicElements {
|
|
1436
|
-
'gs-
|
|
1466
|
+
'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1437
1467
|
}
|
|
1438
1468
|
}
|
|
1439
1469
|
}
|
|
@@ -1473,7 +1503,7 @@ declare global {
|
|
|
1473
1503
|
|
|
1474
1504
|
declare global {
|
|
1475
1505
|
interface HTMLElementTagNameMap {
|
|
1476
|
-
'gs-
|
|
1506
|
+
'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
|
|
1477
1507
|
}
|
|
1478
1508
|
}
|
|
1479
1509
|
|
|
@@ -1481,7 +1511,7 @@ declare global {
|
|
|
1481
1511
|
declare global {
|
|
1482
1512
|
namespace JSX {
|
|
1483
1513
|
interface IntrinsicElements {
|
|
1484
|
-
'gs-
|
|
1514
|
+
'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1485
1515
|
}
|
|
1486
1516
|
}
|
|
1487
1517
|
}
|
|
@@ -1489,7 +1519,7 @@ declare global {
|
|
|
1489
1519
|
|
|
1490
1520
|
declare global {
|
|
1491
1521
|
interface HTMLElementTagNameMap {
|
|
1492
|
-
'gs-
|
|
1522
|
+
'gs-prevalence-over-time': PrevalenceOverTimeComponent;
|
|
1493
1523
|
}
|
|
1494
1524
|
}
|
|
1495
1525
|
|
|
@@ -1497,7 +1527,7 @@ declare global {
|
|
|
1497
1527
|
declare global {
|
|
1498
1528
|
namespace JSX {
|
|
1499
1529
|
interface IntrinsicElements {
|
|
1500
|
-
'gs-
|
|
1530
|
+
'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1501
1531
|
}
|
|
1502
1532
|
}
|
|
1503
1533
|
}
|
|
@@ -1519,6 +1549,22 @@ declare global {
|
|
|
1519
1549
|
}
|
|
1520
1550
|
|
|
1521
1551
|
|
|
1552
|
+
declare global {
|
|
1553
|
+
interface HTMLElementTagNameMap {
|
|
1554
|
+
'gs-aggregate': AggregateComponent;
|
|
1555
|
+
}
|
|
1556
|
+
}
|
|
1557
|
+
|
|
1558
|
+
|
|
1559
|
+
declare global {
|
|
1560
|
+
namespace JSX {
|
|
1561
|
+
interface IntrinsicElements {
|
|
1562
|
+
'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1563
|
+
}
|
|
1564
|
+
}
|
|
1565
|
+
}
|
|
1566
|
+
|
|
1567
|
+
|
|
1522
1568
|
declare global {
|
|
1523
1569
|
interface HTMLElementTagNameMap {
|
|
1524
1570
|
'gs-mutations-over-time': MutationsOverTimeComponent;
|
|
@@ -1537,7 +1583,7 @@ declare global {
|
|
|
1537
1583
|
|
|
1538
1584
|
declare global {
|
|
1539
1585
|
interface HTMLElementTagNameMap {
|
|
1540
|
-
'gs-
|
|
1586
|
+
'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
|
|
1541
1587
|
}
|
|
1542
1588
|
}
|
|
1543
1589
|
|
|
@@ -1545,7 +1591,7 @@ declare global {
|
|
|
1545
1591
|
declare global {
|
|
1546
1592
|
namespace JSX {
|
|
1547
1593
|
interface IntrinsicElements {
|
|
1548
|
-
'gs-
|
|
1594
|
+
'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
1549
1595
|
}
|
|
1550
1596
|
}
|
|
1551
1597
|
}
|
|
@@ -1588,8 +1634,8 @@ declare global {
|
|
|
1588
1634
|
'gs-date-range-filter': DateRangeFilterComponent;
|
|
1589
1635
|
}
|
|
1590
1636
|
interface HTMLElementEventMap {
|
|
1591
|
-
|
|
1592
|
-
|
|
1637
|
+
[gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
|
|
1638
|
+
[gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
|
|
1593
1639
|
}
|
|
1594
1640
|
}
|
|
1595
1641
|
|
|
@@ -1608,7 +1654,7 @@ declare global {
|
|
|
1608
1654
|
'gs-location-filter': LocationFilterComponent;
|
|
1609
1655
|
}
|
|
1610
1656
|
interface HTMLElementEventMap {
|
|
1611
|
-
|
|
1657
|
+
[gsEventNames.locationChanged]: LocationChangedEvent;
|
|
1612
1658
|
}
|
|
1613
1659
|
}
|
|
1614
1660
|
|
|
@@ -1627,7 +1673,7 @@ declare global {
|
|
|
1627
1673
|
'gs-text-filter': TextFilterComponent;
|
|
1628
1674
|
}
|
|
1629
1675
|
interface HTMLElementEventMap {
|
|
1630
|
-
|
|
1676
|
+
[gsEventNames.textFilterChanged]: TextFilterChangedEvent;
|
|
1631
1677
|
}
|
|
1632
1678
|
}
|
|
1633
1679
|
|
|
@@ -1646,7 +1692,7 @@ declare global {
|
|
|
1646
1692
|
'gs-mutation-filter': MutationFilterComponent;
|
|
1647
1693
|
}
|
|
1648
1694
|
interface HTMLElementEventMap {
|
|
1649
|
-
|
|
1695
|
+
[gsEventNames.mutationFilterChanged]: CustomEvent<MutationsFilter>;
|
|
1650
1696
|
}
|
|
1651
1697
|
}
|
|
1652
1698
|
|
|
@@ -1665,7 +1711,7 @@ declare global {
|
|
|
1665
1711
|
'gs-lineage-filter': LineageFilterComponent;
|
|
1666
1712
|
}
|
|
1667
1713
|
interface HTMLElementEventMap {
|
|
1668
|
-
|
|
1714
|
+
[gsEventNames.lineageFilterChanged]: LineageFilterChangedEvent;
|
|
1669
1715
|
}
|
|
1670
1716
|
}
|
|
1671
1717
|
|