@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.
Files changed (56) hide show
  1. package/custom-elements.json +160 -10
  2. package/dist/{LineageFilterChangedEvent-ixHQkq8y.js → LineageFilterChangedEvent-b0iuroUL.js} +15 -5
  3. package/dist/LineageFilterChangedEvent-b0iuroUL.js.map +1 -0
  4. package/dist/assets/mutationOverTimeWorker-ChQTFL68.js.map +1 -1
  5. package/dist/components.d.ts +61 -15
  6. package/dist/components.js +9083 -8727
  7. package/dist/components.js.map +1 -1
  8. package/dist/util.d.ts +41 -15
  9. package/dist/util.js +2 -1
  10. package/package.json +1 -1
  11. package/src/componentsEntrypoint.ts +3 -1
  12. package/src/preact/components/downshift-combobox.tsx +31 -16
  13. package/src/preact/components/error-display.stories.tsx +2 -1
  14. package/src/preact/components/error-display.tsx +2 -3
  15. package/src/preact/components/resize-container.tsx +7 -10
  16. package/src/preact/components/tooltip.tsx +7 -4
  17. package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +5 -4
  18. package/src/preact/dateRangeFilter/date-range-filter.tsx +2 -1
  19. package/src/preact/dateRangeFilter/dateRangeOption.ts +2 -1
  20. package/src/preact/genomeViewer/CDSPlot.tsx +219 -0
  21. package/src/preact/genomeViewer/genome-data-viewer.stories.tsx +113 -0
  22. package/src/preact/genomeViewer/genome-data-viewer.tsx +69 -0
  23. package/src/preact/genomeViewer/loadGff3.spec.ts +61 -0
  24. package/src/preact/genomeViewer/loadGff3.ts +174 -0
  25. package/src/preact/lineageFilter/LineageFilterChangedEvent.ts +3 -1
  26. package/src/preact/lineageFilter/lineage-filter.stories.tsx +3 -2
  27. package/src/preact/lineageFilter/lineage-filter.tsx +4 -4
  28. package/src/preact/locationFilter/LocationChangedEvent.ts +2 -1
  29. package/src/preact/locationFilter/location-filter.stories.tsx +3 -2
  30. package/src/preact/locationFilter/location-filter.tsx +5 -7
  31. package/src/preact/mutationFilter/mutation-filter.stories.tsx +3 -2
  32. package/src/preact/mutationFilter/mutation-filter.tsx +2 -1
  33. package/src/preact/shared/charts/colors.ts +1 -1
  34. package/src/preact/textFilter/TextFilterChangedEvent.ts +3 -1
  35. package/src/preact/textFilter/text-filter.stories.tsx +71 -10
  36. package/src/preact/textFilter/text-filter.tsx +5 -7
  37. package/src/utilEntrypoint.ts +2 -0
  38. package/src/utils/gsEventNames.ts +9 -0
  39. package/src/web-components/input/gs-date-range-filter.stories.ts +4 -3
  40. package/src/web-components/input/gs-date-range-filter.tsx +3 -2
  41. package/src/web-components/input/gs-lineage-filter.stories.ts +3 -2
  42. package/src/web-components/input/gs-lineage-filter.tsx +2 -1
  43. package/src/web-components/input/gs-location-filter.stories.ts +3 -2
  44. package/src/web-components/input/gs-location-filter.tsx +2 -1
  45. package/src/web-components/input/gs-mutation-filter.stories.ts +3 -2
  46. package/src/web-components/input/gs-mutation-filter.tsx +2 -1
  47. package/src/web-components/input/gs-text-filter.stories.ts +6 -12
  48. package/src/web-components/input/gs-text-filter.tsx +2 -1
  49. package/src/web-components/visualization/gs-genome-data-viewer.spec-d.ts +18 -0
  50. package/src/web-components/visualization/gs-genome-data-viewer.stories.ts +108 -0
  51. package/src/web-components/visualization/gs-genome-data-viewer.tsx +59 -0
  52. package/src/web-components/visualization/index.ts +1 -0
  53. package/standalone-bundle/assets/mutationOverTimeWorker-jChgWnwp.js.map +1 -1
  54. package/standalone-bundle/dashboard-components.js +32674 -32374
  55. package/standalone-bundle/dashboard-components.js.map +1 -1
  56. package/dist/LineageFilterChangedEvent-ixHQkq8y.js.map +0 -1
@@ -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
- 'gs-error': ErrorEvent;
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-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
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-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-prevalence-over-time': PrevalenceOverTimeComponent;
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-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-number-sequences-over-time': NumberSequencesOverTimeComponent;
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-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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-aggregate': AggregateComponent;
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-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
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
- 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1592
- 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
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
- 'gs-location-changed': LocationChangedEvent;
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
- 'gs-text-filter-changed': TextFilterChangedEvent;
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
- 'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
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
- 'gs-lineage-filter-changed': LineageFilterChangedEvent;
1714
+ [gsEventNames.lineageFilterChanged]: LineageFilterChangedEvent;
1669
1715
  }
1670
1716
  }
1671
1717