@genspectrum/dashboard-components 0.17.1 → 0.18.1

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 (52) hide show
  1. package/custom-elements.json +3 -3
  2. package/dist/assets/{mutationOverTimeWorker-CPfQDLe6.js.map → mutationOverTimeWorker-ChQTFL68.js.map} +1 -1
  3. package/dist/components.d.ts +46 -46
  4. package/dist/components.js +304 -3960
  5. package/dist/components.js.map +1 -1
  6. package/dist/style.css +2 -3687
  7. package/dist/util.d.ts +46 -46
  8. package/package.json +5 -5
  9. package/src/preact/aggregatedData/aggregate.tsx +3 -3
  10. package/src/preact/components/clearable-select.tsx +1 -1
  11. package/src/preact/components/color-scale-selector-dropdown.tsx +1 -1
  12. package/src/preact/components/color-scale-selector.tsx +1 -1
  13. package/src/preact/components/confidence-interval-selector.tsx +1 -1
  14. package/src/preact/components/downshift-combobox.tsx +3 -3
  15. package/src/preact/components/fullscreen.tsx +6 -2
  16. package/src/preact/components/info.tsx +1 -1
  17. package/src/preact/components/mutation-type-selector.tsx +1 -1
  18. package/src/preact/components/percent-intput.tsx +3 -3
  19. package/src/preact/components/proportion-selector-dropdown.tsx +1 -1
  20. package/src/preact/components/scaling-selector.tsx +1 -1
  21. package/src/preact/components/select.tsx +1 -1
  22. package/src/preact/components/tabs.tsx +1 -1
  23. package/src/preact/dateRangeFilter/date-picker.tsx +1 -1
  24. package/src/preact/dateRangeFilter/date-range-filter.tsx +4 -4
  25. package/src/preact/mutationComparison/mutation-comparison.tsx +1 -1
  26. package/src/preact/mutationFilter/mutation-filter.tsx +1 -1
  27. package/src/preact/mutations/mutations.tsx +2 -2
  28. package/src/preact/mutationsOverTime/__mockData__/aminoAcidMutationsByDay.ts +3773 -2290
  29. package/src/preact/mutationsOverTime/__mockData__/byWeek.ts +3012 -948
  30. package/src/preact/mutationsOverTime/__mockData__/defaultMockData.ts +8799 -4406
  31. package/src/preact/mutationsOverTime/__mockData__/showsMessageWhenTooManyMutations.ts +1836 -0
  32. package/src/preact/mutationsOverTime/getFilteredMutationsOverTime.spec.ts +3 -1
  33. package/src/preact/mutationsOverTime/mutations-over-time-grid.tsx +56 -21
  34. package/src/preact/mutationsOverTime/mutations-over-time.tsx +3 -2
  35. package/src/preact/numberSequencesOverTime/number-sequences-over-time.tsx +1 -1
  36. package/src/preact/prevalenceOverTime/prevalence-over-time.tsx +1 -1
  37. package/src/preact/sequencesByLocation/sequences-by-location-map.tsx +1 -1
  38. package/src/preact/sequencesByLocation/sequences-by-location.tsx +3 -7
  39. package/src/preact/wastewater/mutationsOverTime/computeWastewaterMutationsOverTimeDataPerLocation.spec.ts +5 -5
  40. package/src/preact/wastewater/mutationsOverTime/computeWastewaterMutationsOverTimeDataPerLocation.ts +1 -3
  41. package/src/query/queryMutationsOverTime.spec.ts +28 -26
  42. package/src/query/queryMutationsOverTime.ts +20 -8
  43. package/src/styles/tailwind.css +14 -3
  44. package/src/web-components/input/gs-date-range-filter.stories.ts +2 -2
  45. package/src/web-components/input/gs-lineage-filter.stories.ts +1 -1
  46. package/src/web-components/input/gs-location-filter.stories.ts +1 -1
  47. package/src/web-components/input/gs-mutation-filter.stories.ts +1 -1
  48. package/src/web-components/input/gs-text-filter.stories.ts +1 -1
  49. package/standalone-bundle/assets/{mutationOverTimeWorker-CERZSdcA.js.map → mutationOverTimeWorker-jChgWnwp.js.map} +1 -1
  50. package/standalone-bundle/dashboard-components.js +5455 -5431
  51. package/standalone-bundle/dashboard-components.js.map +1 -1
  52. 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",