@genspectrum/dashboard-components 0.17.1 → 0.18.0

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 (38) hide show
  1. package/custom-elements.json +3 -3
  2. package/dist/components.d.ts +15 -15
  3. package/dist/components.js +276 -3962
  4. package/dist/components.js.map +1 -1
  5. package/dist/style.css +2 -3687
  6. package/dist/util.d.ts +15 -15
  7. package/package.json +5 -5
  8. package/src/preact/aggregatedData/aggregate.tsx +3 -3
  9. package/src/preact/components/clearable-select.tsx +1 -1
  10. package/src/preact/components/color-scale-selector-dropdown.tsx +1 -1
  11. package/src/preact/components/confidence-interval-selector.tsx +1 -1
  12. package/src/preact/components/downshift-combobox.tsx +3 -3
  13. package/src/preact/components/fullscreen.tsx +6 -2
  14. package/src/preact/components/info.tsx +1 -1
  15. package/src/preact/components/mutation-type-selector.tsx +1 -1
  16. package/src/preact/components/percent-intput.tsx +3 -3
  17. package/src/preact/components/proportion-selector-dropdown.tsx +1 -1
  18. package/src/preact/components/scaling-selector.tsx +1 -1
  19. package/src/preact/components/select.tsx +1 -1
  20. package/src/preact/components/tabs.tsx +1 -1
  21. package/src/preact/dateRangeFilter/date-picker.tsx +1 -1
  22. package/src/preact/dateRangeFilter/date-range-filter.tsx +4 -4
  23. package/src/preact/mutationComparison/mutation-comparison.tsx +1 -1
  24. package/src/preact/mutations/mutations.tsx +2 -2
  25. package/src/preact/mutationsOverTime/mutations-over-time.tsx +1 -1
  26. package/src/preact/numberSequencesOverTime/number-sequences-over-time.tsx +1 -1
  27. package/src/preact/prevalenceOverTime/prevalence-over-time.tsx +1 -1
  28. package/src/preact/sequencesByLocation/sequences-by-location-map.tsx +1 -1
  29. package/src/preact/sequencesByLocation/sequences-by-location.tsx +3 -7
  30. package/src/styles/tailwind.css +14 -3
  31. package/src/web-components/input/gs-date-range-filter.stories.ts +2 -2
  32. package/src/web-components/input/gs-lineage-filter.stories.ts +1 -1
  33. package/src/web-components/input/gs-location-filter.stories.ts +1 -1
  34. package/src/web-components/input/gs-mutation-filter.stories.ts +1 -1
  35. package/src/web-components/input/gs-text-filter.stories.ts +1 -1
  36. package/standalone-bundle/dashboard-components.js +4279 -4280
  37. package/standalone-bundle/dashboard-components.js.map +1 -1
  38. package/standalone-bundle/style.css +1 -1
package/custom-elements.json CHANGED
@@ -345,7 +345,7 @@
345
345
  "type": {
346
346
  "text": "StoryObj<Required<DateRangeFilterProps>>"
347
347
  },
348
- "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-date-range-filter .dateRangeOptions=${args.dateRangeOptions} .earliestDate=${args.earliestDate} .value=${args.value} .width=${args.width} .lapisDateField=${args.lapisDateField} .placeholder=${args.placeholder} ></gs-date-range-filter> </div> </gs-app>`, }"
348
+ "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-(--breakpoint-lg)\"> <gs-date-range-filter .dateRangeOptions=${args.dateRangeOptions} .earliestDate=${args.earliestDate} .value=${args.value} .width=${args.width} .lapisDateField=${args.lapisDateField} .placeholder=${args.placeholder} ></gs-date-range-filter> </div> </gs-app>`, }"
349
349
  },
350
350
  {
351
351
  "kind": "variable",
@@ -353,7 +353,7 @@
353
353
  "type": {
354
354
  "text": "StoryObj<Required<DateRangeFilterProps>>"
355
355
  },
356
- "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-date-range-filter .dateRangeOptions=${args.dateRangeOptions} earliestDate=\"${args.earliestDate}\" value=\"${args.value}\" width=\"${args.width}\" lapisDateField=\"${args.lapisDateField}\" placeholder=\"${args.placeholder}\" ></gs-date-range-filter> </div> </gs-app>`, play: async ({ canvasElement }) => { await waitFor(async () => { const canvas = await withinShadowRoot(canvasElement, 'gs-date-range-filter'); const placeholderOption = canvas.getByRole('combobox').querySelector('option:checked'); await expect(placeholderOption).toHaveTextContent('Last month'); }); }, argTypes: { value: { control: { type: 'text', }, }, }, }"
356
+ "default": "{ render: (args) => html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-(--breakpoint-lg)\"> <gs-date-range-filter .dateRangeOptions=${args.dateRangeOptions} earliestDate=\"${args.earliestDate}\" value=\"${args.value}\" width=\"${args.width}\" lapisDateField=\"${args.lapisDateField}\" placeholder=\"${args.placeholder}\" ></gs-date-range-filter> </div> </gs-app>`, play: async ({ canvasElement }) => { await waitFor(async () => { const canvas = await withinShadowRoot(canvasElement, 'gs-date-range-filter'); const placeholderOption = canvas.getByRole('combobox').querySelector('option:checked'); await expect(placeholderOption).toHaveTextContent('Last month'); }); }, argTypes: { value: { control: { type: 'text', }, }, }, }"
357
357
  },
358
358
  {
359
359
  "kind": "variable",
@@ -1222,7 +1222,7 @@
1222
1222
  "type": {
1223
1223
  "text": "StoryObj<Required<TextFilterProps>>"
1224
1224
  },
1225
- "default": "{ render: (args) => { return html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-screen-lg\"> <gs-text-filter .lapisField=${args.lapisField} .lapisFilter=${args.lapisFilter} .placeholderText=${args.placeholderText} .value=${args.value} .width=${args.width} ></gs-text-filter> </div> </gs-app>`; }, args: { lapisField: 'host', lapisFilter: { country: 'Germany' }, placeholderText: 'Enter host name', value: 'Homo sapiens', width: '100%', }, }"
1225
+ "default": "{ render: (args) => { return html` <gs-app lapis=\"${LAPIS_URL}\"> <div class=\"max-w-(--breakpoint-lg)\"> <gs-text-filter .lapisField=${args.lapisField} .lapisFilter=${args.lapisFilter} .placeholderText=${args.placeholderText} .value=${args.value} .width=${args.width} ></gs-text-filter> </div> </gs-app>`; }, args: { lapisField: 'host', lapisFilter: { country: 'Germany' }, placeholderText: 'Enter host name', value: 'Homo sapiens', width: '100%', }, }"
1226
1226
  },
1227
1227
  {
1228
1228
  "kind": "variable",
package/dist/components.d.ts CHANGED
@@ -1430,7 +1430,7 @@ declare global {
1430
1430
 
1431
1431
  declare global {
1432
1432
  interface HTMLElementTagNameMap {
1433
- 'gs-mutations-component': MutationsComponent;
1433
+ 'gs-prevalence-over-time': PrevalenceOverTimeComponent;
1434
1434
  }
1435
1435
  }
1436
1436
 
@@ -1438,7 +1438,7 @@ declare global {
1438
1438
  declare global {
1439
1439
  namespace JSX {
1440
1440
  interface IntrinsicElements {
1441
- 'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1441
+ 'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1442
1442
  }
1443
1443
  }
1444
1444
  }
@@ -1446,7 +1446,7 @@ declare global {
1446
1446
 
1447
1447
  declare global {
1448
1448
  interface HTMLElementTagNameMap {
1449
- 'gs-prevalence-over-time': PrevalenceOverTimeComponent;
1449
+ 'gs-mutations-component': MutationsComponent;
1450
1450
  }
1451
1451
  }
1452
1452
 
@@ -1454,7 +1454,7 @@ declare global {
1454
1454
  declare global {
1455
1455
  namespace JSX {
1456
1456
  interface IntrinsicElements {
1457
- 'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1457
+ 'gs-mutations-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1458
1458
  }
1459
1459
  }
1460
1460
  }
@@ -1494,7 +1494,7 @@ declare global {
1494
1494
 
1495
1495
  declare global {
1496
1496
  interface HTMLElementTagNameMap {
1497
- 'gs-mutations-over-time': MutationsOverTimeComponent;
1497
+ 'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
1498
1498
  }
1499
1499
  }
1500
1500
 
@@ -1502,7 +1502,7 @@ declare global {
1502
1502
  declare global {
1503
1503
  namespace JSX {
1504
1504
  interface IntrinsicElements {
1505
- 'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1505
+ 'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1506
1506
  }
1507
1507
  }
1508
1508
  }
@@ -1510,7 +1510,7 @@ declare global {
1510
1510
 
1511
1511
  declare global {
1512
1512
  interface HTMLElementTagNameMap {
1513
- 'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
1513
+ 'gs-mutations-over-time': MutationsOverTimeComponent;
1514
1514
  }
1515
1515
  }
1516
1516
 
@@ -1518,7 +1518,7 @@ declare global {
1518
1518
  declare global {
1519
1519
  namespace JSX {
1520
1520
  interface IntrinsicElements {
1521
- 'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1521
+ 'gs-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1522
1522
  }
1523
1523
  }
1524
1524
  }
@@ -1574,11 +1574,10 @@ declare global {
1574
1574
 
1575
1575
  declare global {
1576
1576
  interface HTMLElementTagNameMap {
1577
- 'gs-date-range-filter': DateRangeFilterComponent;
1577
+ 'gs-location-filter': LocationFilterComponent;
1578
1578
  }
1579
1579
  interface HTMLElementEventMap {
1580
- 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1581
- 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
1580
+ 'gs-location-changed': LocationChangedEvent;
1582
1581
  }
1583
1582
  }
1584
1583
 
@@ -1586,7 +1585,7 @@ declare global {
1586
1585
  declare global {
1587
1586
  namespace JSX {
1588
1587
  interface IntrinsicElements {
1589
- 'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1588
+ 'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1590
1589
  }
1591
1590
  }
1592
1591
  }
@@ -1594,10 +1593,11 @@ declare global {
1594
1593
 
1595
1594
  declare global {
1596
1595
  interface HTMLElementTagNameMap {
1597
- 'gs-location-filter': LocationFilterComponent;
1596
+ 'gs-date-range-filter': DateRangeFilterComponent;
1598
1597
  }
1599
1598
  interface HTMLElementEventMap {
1600
- 'gs-location-changed': LocationChangedEvent;
1599
+ 'gs-date-range-filter-changed': CustomEvent<Record<string, string>>;
1600
+ 'gs-date-range-option-changed': DateRangeOptionChangedEvent;
1601
1601
  }
1602
1602
  }
1603
1603
 
@@ -1605,7 +1605,7 @@ declare global {
1605
1605
  declare global {
1606
1606
  namespace JSX {
1607
1607
  interface IntrinsicElements {
1608
- 'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1608
+ 'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
1609
1609
  }
1610
1610
  }
1611
1611
  }