@genspectrum/dashboard-components 0.13.4 → 0.13.5

package/custom-elements.json

@@ -4047,6 +4047,16 @@
               "default": "'700px'",
               "description": "The height of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
               "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "maxNumberOfGridRows",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum number of grid rows to display.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "attribute": "maxNumberOfGridRows"
             }
           ],
           "attributes": [
@@ -4085,6 +4095,15 @@
               "default": "'700px'",
               "description": "The height of the component.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
               "fieldName": "height"
+            },
+            {
+              "name": "maxNumberOfGridRows",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum number of grid rows to display.\n\nVisit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.",
+              "fieldName": "maxNumberOfGridRows"
             }
           ],
           "superclass": {

package/dist/components.d.ts

@@ -1317,6 +1317,12 @@ export declare class WastewaterMutationsOverTimeComponent extends PreactLitAdapt
      * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
      */
     height: string;
+    /**
+     * The maximum number of grid rows to display.
+     *
+     * Visit https://genspectrum.github.io/dashboard-components/?path=/docs/components-size-of-components--docs for more information.
+     */
+    maxNumberOfGridRows: number;
     render(): JSX_2.Element;
 }
 
@@ -1380,7 +1386,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
+        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
     }
 }
 
@@ -1388,7 +1394,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>;
         }
     }
 }
@@ -1396,7 +1402,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-aggregate': AggregateComponent;
+        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
     }
 }
 
@@ -1404,7 +1410,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1412,7 +1418,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
+        'gs-aggregate': AggregateComponent;
     }
 }
 
@@ -1420,7 +1426,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1428,7 +1434,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
@@ -1436,7 +1442,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1547,10 +1553,10 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutation-filter': MutationFilterComponent;
+        'gs-location-filter': LocationFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
+        'gs-location-changed': LocationChangedEvent;
     }
 }
 
@@ -1558,7 +1564,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1566,10 +1572,10 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-lineage-filter': LineageFilterComponent;
+        'gs-mutation-filter': MutationFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-lineage-filter-changed': LineageFilterChangedEvent;
+        'gs-mutation-filter-changed': CustomEvent<MutationsFilter>;
     }
 }
 
@@ -1577,7 +1583,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1585,10 +1591,10 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-location-filter': LocationFilterComponent;
+        'gs-lineage-filter': LineageFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-location-changed': LocationChangedEvent;
+        'gs-lineage-filter-changed': LineageFilterChangedEvent;
     }
 }
 
@@ -1596,7 +1602,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-lineage-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }

package/dist/components.js

@@ -9472,15 +9472,20 @@ const Tooltip = ({ children, content, position = "bottom" }) => {
 };
 const MAX_NUMBER_OF_GRID_ROWS = 100;
 const MUTATION_CELL_WIDTH_REM = 8;
-const MutationsOverTimeGrid = ({ data, colorScale }) => {
+const MutationsOverTimeGrid = ({
+  data,
+  colorScale,
+  maxNumberOfGridRows
+}) => {
+  const currentMaxNumberOfGridRows = maxNumberOfGridRows ?? MAX_NUMBER_OF_GRID_ROWS;
   const allMutations = data.getFirstAxisKeys();
-  const shownMutations = allMutations.slice(0, MAX_NUMBER_OF_GRID_ROWS);
+  const shownMutations = allMutations.slice(0, currentMaxNumberOfGridRows);
   const dates = data.getSecondAxisKeys();
   const gridRef = A$1(null);
   return /* @__PURE__ */ u$1(Fragment, { children: [
-    allMutations.length > MAX_NUMBER_OF_GRID_ROWS && /* @__PURE__ */ u$1("div", { className: "pl-2", children: [
+    allMutations.length > currentMaxNumberOfGridRows && /* @__PURE__ */ u$1("div", { className: "pl-2", children: [
       "Showing ",
-      MAX_NUMBER_OF_GRID_ROWS,
+      currentMaxNumberOfGridRows,
       " of ",
       allMutations.length,
       " mutations. You can narrow the filter to reduce the number of mutations."
@@ -11186,7 +11191,8 @@ const wastewaterMutationOverTimeSchema = z$2.object({
   lapisFilter: lapisFilterSchema,
   sequenceType: sequenceTypeSchema,
   width: z$2.string(),
-  height: z$2.string()
+  height: z$2.string(),
+  maxNumberOfGridRows: z$2.number().optional()
 });
 const WastewaterMutationsOverTime = (componentProps) => {
   const { width, height } = componentProps;
@@ -11220,18 +11226,20 @@ const WastewaterMutationsOverTimeInner = (componentProps) => {
     MutationsOverTimeTabs,
     {
       mutationOverTimeDataPerLocation,
-      originalComponentProps: componentProps
+      originalComponentProps: componentProps,
+      maxNumberOfGridRows: componentProps.maxNumberOfGridRows
     }
   );
 };
 const MutationsOverTimeTabs = ({
   mutationOverTimeDataPerLocation,
-  originalComponentProps
+  originalComponentProps,
+  maxNumberOfGridRows
 }) => {
   const [colorScale, setColorScale] = h({ min: 0, max: 1, color: "indigo" });
   const tabs = mutationOverTimeDataPerLocation.map(({ location, data }) => ({
     title: location,
-    content: /* @__PURE__ */ u$1(MutationsOverTimeGrid, { data, colorScale })
+    content: /* @__PURE__ */ u$1(MutationsOverTimeGrid, { data, colorScale, maxNumberOfGridRows })
   }));
   const toolbar = /* @__PURE__ */ u$1(
     Toolbar,
@@ -11285,6 +11293,7 @@ let WastewaterMutationsOverTimeComponent = class extends PreactLitAdapterWithGri
     this.sequenceType = "nucleotide";
     this.width = "100%";
     this.height = "700px";
+    this.maxNumberOfGridRows = 100;
   }
   render() {
     return /* @__PURE__ */ u$1(
@@ -11293,7 +11302,8 @@ let WastewaterMutationsOverTimeComponent = class extends PreactLitAdapterWithGri
         lapisFilter: this.lapisFilter,
         sequenceType: this.sequenceType,
         width: this.width,
-        height: this.height
+        height: this.height,
+        maxNumberOfGridRows: this.maxNumberOfGridRows
       }
     );
   }
@@ -11310,6 +11320,9 @@ __decorateClass$5([
 __decorateClass$5([
   n$1({ type: String })
 ], WastewaterMutationsOverTimeComponent.prototype, "height", 2);
+__decorateClass$5([
+  n$1({ type: Number })
+], WastewaterMutationsOverTimeComponent.prototype, "maxNumberOfGridRows", 2);
 WastewaterMutationsOverTimeComponent = __decorateClass$5([
   t$3("gs-wastewater-mutations-over-time")
 ], WastewaterMutationsOverTimeComponent);