@genspectrum/dashboard-components 0.18.0 → 0.18.2

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 (35) hide show
  1. package/custom-elements.json +7 -7
  2. package/dist/{LineageFilterChangedEvent-DkvWdq_G.js → LineageFilterChangedEvent-ixHQkq8y.js} +2 -2
  3. package/dist/{LineageFilterChangedEvent-DkvWdq_G.js.map → LineageFilterChangedEvent-ixHQkq8y.js.map} +1 -1
  4. package/dist/assets/{mutationOverTimeWorker-CPfQDLe6.js.map → mutationOverTimeWorker-ChQTFL68.js.map} +1 -1
  5. package/dist/components.d.ts +33 -31
  6. package/dist/components.js +114 -63
  7. package/dist/components.js.map +1 -1
  8. package/dist/util.d.ts +28 -28
  9. package/dist/util.js +1 -1
  10. package/package.json +1 -1
  11. package/src/preact/components/color-scale-selector.tsx +1 -1
  12. package/src/preact/dateRangeFilter/computeInitialValues.spec.ts +2 -2
  13. package/src/preact/dateRangeFilter/computeInitialValues.ts +1 -1
  14. package/src/preact/dateRangeFilter/date-range-filter.stories.tsx +3 -5
  15. package/src/preact/dateRangeFilter/date-range-filter.tsx +12 -7
  16. package/src/preact/dateRangeFilter/dateRangeOption.ts +1 -1
  17. package/src/preact/mutationFilter/mutation-filter.tsx +1 -1
  18. package/src/preact/mutationsOverTime/__mockData__/aminoAcidMutationsByDay.ts +3773 -2290
  19. package/src/preact/mutationsOverTime/__mockData__/byWeek.ts +3012 -948
  20. package/src/preact/mutationsOverTime/__mockData__/defaultMockData.ts +8799 -4406
  21. package/src/preact/mutationsOverTime/__mockData__/showsMessageWhenTooManyMutations.ts +1836 -0
  22. package/src/preact/mutationsOverTime/getFilteredMutationsOverTime.spec.ts +3 -1
  23. package/src/preact/mutationsOverTime/mutations-over-time-grid-tooltip.stories.tsx +108 -0
  24. package/src/preact/mutationsOverTime/mutations-over-time-grid-tooltip.tsx +93 -0
  25. package/src/preact/mutationsOverTime/mutations-over-time-grid.tsx +12 -48
  26. package/src/preact/mutationsOverTime/mutations-over-time.tsx +2 -1
  27. package/src/preact/wastewater/mutationsOverTime/computeWastewaterMutationsOverTimeDataPerLocation.spec.ts +5 -5
  28. package/src/preact/wastewater/mutationsOverTime/computeWastewaterMutationsOverTimeDataPerLocation.ts +1 -3
  29. package/src/query/queryMutationsOverTime.spec.ts +28 -26
  30. package/src/query/queryMutationsOverTime.ts +20 -8
  31. package/src/web-components/input/gs-date-range-filter.stories.ts +1 -1
  32. package/src/web-components/input/gs-date-range-filter.tsx +7 -5
  33. package/standalone-bundle/assets/{mutationOverTimeWorker-CERZSdcA.js.map → mutationOverTimeWorker-jChgWnwp.js.map} +1 -1
  34. package/standalone-bundle/dashboard-components.js +2189 -2149
  35. package/standalone-bundle/dashboard-components.js.map +1 -1
@@ -163,12 +163,14 @@ export declare class AppComponent extends LitElement {
163
163
  * Use this event, when you want to use the filter directly as a LAPIS filter.
164
164
  *
165
165
  *
166
- * @fires {CustomEvent<{ string | {dateFrom: string, dateTo: string}}>} gs-date-range-option-changed
166
+ * @fires {CustomEvent<string | {dateFrom: string, dateTo: string} | null>} gs-date-range-option-changed
167
167
  * Fired when:
168
168
  * - The select field is changed,
169
169
  * - A date is selected in either of the date pickers,
170
- * - A date was typed into either of the date input fields, and the input field loses focus ("on blur").
171
- * Contains the selected dateRangeOption or when users select custom values it contains the selected dates.
170
+ * - A date was typed into either of the date input fields, and the input field loses focus ("on blur"),
171
+ * - The user deletes the current value by clicking the 'x' button.
172
+ * Contains the selected dateRangeOption or when users select custom values it contains the selected dates
173
+ * or `null` when the input was deleted.
172
174
  *
173
175
  * Use this event, when you want to control this component in your JS application.
174
176
  * You can supply the `detail` of this event to the `value` attribute of this component.
@@ -204,7 +206,7 @@ export declare class DateRangeFilterComponent extends PreactLitAdapter {
204
206
  value: string | {
205
207
  dateFrom?: string;
206
208
  dateTo?: string;
207
- } | undefined;
209
+ } | null;
208
210
  /**
209
211
  * The width of the component.
210
212
  *
@@ -1430,7 +1432,7 @@ declare global {
1430
1432
 
1431
1433
  declare global {
1432
1434
  interface HTMLElementTagNameMap {
1433
- 'gs-prevalence-over-time': PrevalenceOverTimeComponent;
1435
+ 'gs-mutations-component': MutationsComponent;
1434
1436
  }
1435
1437
  }
1436
1438
 
@@ -1438,7 +1440,7 @@ declare global {
1438
1440
  declare global {
1439
1441
  namespace JSX {
1440
1442
  interface IntrinsicElements {
1441
- 'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1443
+ 'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1442
1444
  }
1443
1445
  }
1444
1446
  }
@@ -1446,7 +1448,7 @@ declare global {
1446
1448
 
1447
1449
  declare global {
1448
1450
  interface HTMLElementTagNameMap {
1449
- 'gs-mutations-component': MutationsComponent;
1451
+ 'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
1450
1452
  }
1451
1453
  }
1452
1454
 
@@ -1454,7 +1456,7 @@ declare global {
1454
1456
  declare global {
1455
1457
  namespace JSX {
1456
1458
  interface IntrinsicElements {
1457
- 'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1459
+ 'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1458
1460
  }
1459
1461
  }
1460
1462
  }
@@ -1462,7 +1464,7 @@ declare global {
1462
1464
 
1463
1465
  declare global {
1464
1466
  interface HTMLElementTagNameMap {
1465
- 'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
1467
+ 'gs-prevalence-over-time': PrevalenceOverTimeComponent;
1466
1468
  }
1467
1469
  }
1468
1470
 
@@ -1470,7 +1472,7 @@ declare global {
1470
1472
  declare global {
1471
1473
  namespace JSX {
1472
1474
  interface IntrinsicElements {
1473
- 'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1475
+ 'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1474
1476
  }
1475
1477
  }
1476
1478
  }
@@ -1526,7 +1528,7 @@ declare global {
1526
1528
 
1527
1529
  declare global {
1528
1530
  interface HTMLElementTagNameMap {
1529
- 'gs-sequences-by-location': SequencesByLocationComponent;
1531
+ 'gs-statistics': StatisticsComponent;
1530
1532
  }
1531
1533
  }
1532
1534
 
@@ -1534,7 +1536,7 @@ declare global {
1534
1536
  declare global {
1535
1537
  namespace JSX {
1536
1538
  interface IntrinsicElements {
1537
- 'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1539
+ 'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1538
1540
  }
1539
1541
  }
1540
1542
  }
@@ -1542,7 +1544,7 @@ declare global {
1542
1544
 
1543
1545
  declare global {
1544
1546
  interface HTMLElementTagNameMap {
1545
- 'gs-statistics': StatisticsComponent;
1547
+ 'gs-sequences-by-location': SequencesByLocationComponent;
1546
1548
  }
1547
1549
  }
1548
1550
 
@@ -1550,7 +1552,7 @@ declare global {
1550
1552
  declare global {
1551
1553
  namespace JSX {
1552
1554
  interface IntrinsicElements {
1553
- 'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1555
+ 'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1554
1556
  }
1555
1557
  }
1556
1558
  }
@@ -1558,7 +1560,11 @@ declare global {
1558
1560
 
1559
1561
  declare global {
1560
1562
  interface HTMLElementTagNameMap {
1561
- 'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
1563
+ 'gs-date-range-filter': DateRangeFilterComponent;
1564
+ }
1565
+ interface HTMLElementEventMap {
1566
+ 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1567
+ 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
1562
1568
  }
1563
1569
  }
1564
1570
 
@@ -1566,7 +1572,7 @@ declare global {
1566
1572
  declare global {
1567
1573
  namespace JSX {
1568
1574
  interface IntrinsicElements {
1569
- 'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1575
+ 'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1570
1576
  }
1571
1577
  }
1572
1578
  }
@@ -1593,11 +1599,10 @@ declare global {
1593
1599
 
1594
1600
  declare global {
1595
1601
  interface HTMLElementTagNameMap {
1596
- 'gs-date-range-filter': DateRangeFilterComponent;
1602
+ 'gs-text-filter': TextFilterComponent;
1597
1603
  }
1598
1604
  interface HTMLElementEventMap {
1599
- 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1600
- 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
1605
+ 'gs-text-filter-changed': TextFilterChangedEvent;
1601
1606
  }
1602
1607
  }
1603
1608
 
@@ -1605,7 +1610,7 @@ declare global {
1605
1610
  declare global {
1606
1611
  namespace JSX {
1607
1612
  interface IntrinsicElements {
1608
- 'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1613
+ 'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1609
1614
  }
1610
1615
  }
1611
1616
  }
@@ -1613,10 +1618,10 @@ declare global {
1613
1618
 
1614
1619
  declare global {
1615
1620
  interface HTMLElementTagNameMap {
1616
- 'gs-text-filter': TextFilterComponent;
1621
+ 'gs-mutation-filter': MutationFilterComponent;
1617
1622
  }
1618
1623
  interface HTMLElementEventMap {
1619
- 'gs-text-filter-changed': TextFilterChangedEvent;
1624
+ 'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
1620
1625
  }
1621
1626
  }
1622
1627
 
@@ -1624,7 +1629,7 @@ declare global {
1624
1629
  declare global {
1625
1630
  namespace JSX {
1626
1631
  interface IntrinsicElements {
1627
- 'gs-text-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1632
+ 'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1628
1633
  }
1629
1634
  }
1630
1635
  }
@@ -1632,10 +1637,10 @@ declare global {
1632
1637
 
1633
1638
  declare global {
1634
1639
  interface HTMLElementTagNameMap {
1635
- 'gs-mutation-filter': MutationFilterComponent;
1640
+ 'gs-lineage-filter': LineageFilterComponent;
1636
1641
  }
1637
1642
  interface HTMLElementEventMap {
1638
- 'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
1643
+ 'gs-lineage-filter-changed': LineageFilterChangedEvent;
1639
1644
  }
1640
1645
  }
1641
1646
 
@@ -1643,7 +1648,7 @@ declare global {
1643
1648
  declare global {
1644
1649
  namespace JSX {
1645
1650
  interface IntrinsicElements {
1646
- 'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1651
+ 'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1647
1652
  }
1648
1653
  }
1649
1654
  }
@@ -1651,10 +1656,7 @@ declare global {
1651
1656
 
1652
1657
  declare global {
1653
1658
  interface HTMLElementTagNameMap {
1654
- 'gs-lineage-filter': LineageFilterComponent;
1655
- }
1656
- interface HTMLElementEventMap {
1657
- 'gs-lineage-filter-changed': LineageFilterChangedEvent;
1659
+ 'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
1658
1660
  }
1659
1661
  }
1660
1662
 
@@ -1662,7 +1664,7 @@ declare global {
1662
1664
  declare global {
1663
1665
  namespace JSX {
1664
1666
  interface IntrinsicElements {
1665
- 'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1667
+ 'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1666
1668
  }
1667
1669
  }
1668
1670
  }