@genspectrum/dashboard-components 1.14.0 → 1.14.2

package/dist/components.d.ts

@@ -1807,7 +1807,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations': MutationsComponent;
+        'gs-mutation-comparison': MutationComparisonComponent;
     }
 }
 
@@ -1815,7 +1815,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutations': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-comparison': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1823,7 +1823,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutation-comparison': MutationComparisonComponent;
+        'gs-mutations': MutationsComponent;
     }
 }
 
@@ -1831,7 +1831,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutation-comparison': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1839,7 +1839,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
     }
 }
 
@@ -1847,7 +1847,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1855,7 +1855,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
+        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
     }
 }
 
@@ -1863,7 +1863,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }

package/dist/components.js

@@ -5300,7 +5300,7 @@ const PrevalenceOverTimeBubbleChart = ({
         displayName: variantData.displayName
       };
     });
-    if (nonNullDateRangeData.length === 0) {
+    if (nonNullDateRangeData.length === 0 || nonNullDateRangeData[0].content.length === 0) {
       return NO_DATA$1;
     }
     const firstDate = nonNullDateRangeData[0].content[0].dateRange;
@@ -8162,11 +8162,17 @@ function FeaturesOverTimeGrid({
         id: `date-${index}`,
         header: () => /* @__PURE__ */ u$1("div", { className: "@container min-w-[0.05rem]", children: /* @__PURE__ */ u$1("p", { ...styleGridHeader(index, dates.length), children: date.dateString }) }),
         cell: ({ getValue, row, column, table: table2 }) => {
-          const value = getValue();
+          const valueRaw = getValue();
+          const value = valueRaw ?? null;
           const rowIndex = row.index;
           const columnIndex = column.getIndex();
           const numberOfRows = table2.getRowModel().rows.length;
           const numberOfColumns = table2.getAllColumns().length;
+          if (valueRaw === void 0) {
+            console.error(
+              `Found undefined value for ${row.original.feature} - ${date.dateString}. This shouldn't happen.`
+            );
+          }
           const tooltip2 = featureRenderer.renderTooltip(row.original.feature, date, value);
           return /* @__PURE__ */ u$1("div", { className: "text-center", children: /* @__PURE__ */ u$1(
             ProportionCell,
@@ -10491,13 +10497,21 @@ async function computeWastewaterMutationsOverTimeDataPerLocation(lapis, lapisFil
 }
 function groupMutationDataByLocation(data, sequenceType) {
   const locationMap = /* @__PURE__ */ new Map();
+  const locationMutations = /* @__PURE__ */ new Map();
+  const locationDates = /* @__PURE__ */ new Map();
   for (const row of data) {
     if (!locationMap.has(row.location)) {
       locationMap.set(row.location, new BaseMutationOverTimeDataMap());
+      locationMutations.set(row.location, /* @__PURE__ */ new Set());
+      locationDates.set(row.location, /* @__PURE__ */ new Set());
     }
     const map2 = locationMap.get(row.location);
+    const mutations = locationMutations.get(row.location);
+    const dates = locationDates.get(row.location);
     const mutationFrequencies = sequenceType === "nucleotide" ? row.nucleotideMutationFrequency : row.aminoAcidMutationFrequency;
     for (const mutation of mutationFrequencies) {
+      dates.add(row.date.dateString);
+      mutations.add(mutation.mutation.code);
       map2.set(
         mutation.mutation,
         row.date,
@@ -10505,6 +10519,18 @@ function groupMutationDataByLocation(data, sequenceType) {
       );
     }
   }
+  for (const [location, map2] of locationMap.entries()) {
+    const allMutations = Array.from(locationMutations.get(location));
+    const allDates = Array.from(locationDates.get(location)).map((dateStr) => map2.keysSecondAxis.get(dateStr));
+    for (const mutationCode of allMutations) {
+      const mutation = map2.keysFirstAxis.get(mutationCode);
+      for (const date of allDates) {
+        if (map2.get(mutation, date) === void 0) {
+          map2.set(mutation, date, null);
+        }
+      }
+    }
+  }
   return [...locationMap.entries()].map(([location, data2]) => ({
     location,
     data: new SortedMap2d(