@genspectrum/dashboard-components 0.6.12 → 0.6.14

package/dist/genspectrum-components.d.ts

@@ -990,14 +990,14 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
+        'gs-aggregate-component': AggregateComponent;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-aggregate-component': AggregateComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
@@ -1021,41 +1021,41 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-location-filter': LocationFilterComponent;
+        'gs-text-input': TextInputComponent;
     }
     interface HTMLElementEventMap {
-        'gs-location-changed': CustomEvent<Record<string, string>>;
+        'gs-text-input-changed': CustomEvent<Record<string, string>>;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-text-input': TextInputComponent;
+        'gs-location-filter': LocationFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-text-input-changed': CustomEvent<Record<string, string>>;
+        'gs-location-changed': CustomEvent<Record<string, string>>;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-lineage-filter': LineageFilterComponent;
+        'gs-mutation-filter': MutationFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-lineage-filter-changed': CustomEvent<Record<string, string>>;
+        'gs-mutation-filter-changed': CustomEvent<SelectedMutationFilterStrings>;
+        'gs-mutation-filter-on-blur': CustomEvent<SelectedMutationFilterStrings>;
     }
 }
 
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutation-filter': MutationFilterComponent;
+        'gs-lineage-filter': LineageFilterComponent;
     }
     interface HTMLElementEventMap {
-        'gs-mutation-filter-changed': CustomEvent<SelectedMutationFilterStrings>;
-        'gs-mutation-filter-on-blur': CustomEvent<SelectedMutationFilterStrings>;
+        'gs-lineage-filter-changed': CustomEvent<Record<string, string>>;
     }
 }
 

package/dist/style.css

@@ -376,7 +376,7 @@ input[type="range"] {
     background-color: #C6C6C6;
     pointer-events: none;
 }/*
-! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -2212,30 +2212,6 @@ input.tab:checked + .tab-content,
   background-position: calc(0% + 12px) calc(1px + 50%),
     calc(0% + 16px) calc(1px + 50%);
 }
-.skeleton {
-  border-radius: var(--rounded-box, 1rem);
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
-  will-change: background-position;
-  animation: skeleton 1.8s ease-in-out infinite;
-  background-image: linear-gradient(
-    105deg,
-    transparent 0%,
-    transparent 40%,
-    var(--fallback-b1,oklch(var(--b1)/1)) 50%,
-    transparent 60%,
-    transparent 100%
-  );
-  background-size: 200% auto;
-  background-repeat: no-repeat;
-  background-position-x: -50%;
-}
-@media (prefers-reduced-motion) {
-
-  .skeleton {
-    animation-duration: 15s;
-  }
-}
 @keyframes skeleton {
 
   from {
@@ -3306,6 +3282,10 @@ input.tab:checked + .tab-content,
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
+.text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
 .text-red-700 {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "0.6.12",
+    "version": "0.6.14",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",
@@ -16,18 +16,19 @@
             "require": "./dist/dashboard-components.js",
             "types": "./dist/genspectrum-components.d.ts"
         },
-        "./custom-elements.json": "./custom-,elements.json",
+        "./custom-elements.json": "./custom-elements.json",
         "./package.json": "./package.json",
         "./style.css": "./dist/style.css"
     },
     "files": [
         "dist",
+        "standalone-bundle",
         "src",
         "custom-elements.json",
         "package.json"
     ],
     "scripts": {
-        "build": "vite --config vite.release.config.ts build && npm run generate-manifest",
+        "build": "vite --config vite.release.config.ts build && npm run generate-manifest && vite --config vite.release-standalone.config.ts build",
         "build-and-pack": "npm run build && npm pack | xargs -I {} cp {} genspectrum-dashboard-components.tgz",
         "test": "vitest",
         "lint": "npm run lint:lit-analyzer && npm run lint:eslint",
@@ -67,9 +68,6 @@
         "dayjs": "^1.11.10",
         "flatpickr": "^4.6.13",
         "gridjs": "^6.2.0",
-        "@iconify-json/mdi": "^1.1.67",
-        "@iconify-json/mdi-light": "^1.1.10",
-        "@iconify/tailwind": "^1.1.1",
         "lit": "^3.1.3",
         "object-hash": "^3.0.0",
         "preact": "^10.20.1",
@@ -77,6 +75,9 @@
     },
     "devDependencies": {
         "@custom-elements-manifest/analyzer": "^0.10.2",
+        "@iconify-json/mdi": "^1.1.67",
+        "@iconify-json/mdi-light": "^1.1.10",
+        "@iconify/tailwind": "^1.1.2",
         "@playwright/test": "^1.43.1",
         "@storybook/addon-actions": "^8.0.9",
         "@storybook/addon-essentials": "^8.0.9",

package/src/operator/FetchAggregatedOperator.ts

@@ -5,16 +5,11 @@ import { type AggregatedItem } from '../lapisApi/lapisTypes';
 import { type LapisFilter } from '../types';
 
 export class FetchAggregatedOperator<Fields extends Record<string, unknown>>
-    implements
-        Operator<
-            Fields & {
-                count: number;
-            }
-        >
+    implements Operator<Fields & { count: number }>
 {
     constructor(
         private filter: LapisFilter,
-        private fields: string[],
+        private fields: string[] = [],
     ) {}
 
     async evaluate(lapisUrl: string, signal?: AbortSignal): Promise<Dataset<Fields & { count: number }>> {

package/src/preact/components/info.tsx

@@ -124,7 +124,7 @@ function generateFullExampleCode(componentCode: string, componentName: string) {
     const storyBookPath = `/docs/visualization-${componentName}--docs`;
     return `<html>
 <head>
-  <script type="module" src="https://unpkg.com/@genspectrum/dashboard-components@latest/dist/dashboard-components.js"></script>
+  <script type="module" src="https://unpkg.com/@genspectrum/dashboard-components@latest/standalone-bundle/dashboard-components.js"></script>
   <link rel="stylesheet" href="https://unpkg.com/@genspectrum/dashboard-components@latest/dist/style.css" />
 </head>
 

package/src/preact/components/loading-display.tsx

@@ -1,5 +1,12 @@
 import { type FunctionComponent } from 'preact';
 
 export const LoadingDisplay: FunctionComponent = () => {
-    return <div aria-label={'Loading'} className='h-full w-full skeleton' />;
+    return (
+        <div
+            aria-label={'Loading'}
+            className='h-full w-full border-2 border-gray-100 rounded-md flex justify-center items-center'
+        >
+            <div className='loading loading-spinner loading-md text-neutral-500' />
+        </div>
+    );
 };

package/src/preact/components/percent-intput.tsx

@@ -4,13 +4,18 @@ import { useEffect, useState } from 'preact/hooks';
 export type PercentInputProps = {
     percentage: number;
     setPercentage: (percentage: number) => void;
+    indicateError?: boolean;
 };
 
 const percentageInRange = (percentage: number) => {
     return percentage <= 100 && percentage >= 0;
 };
 
-export const PercentInput: FunctionComponent<PercentInputProps> = ({ percentage, setPercentage }) => {
+export const PercentInput: FunctionComponent<PercentInputProps> = ({
+    percentage,
+    setPercentage,
+    indicateError = false,
+}) => {
     const [internalPercentage, setInternalPercentage] = useState(percentage);
 
     useEffect(() => {
@@ -33,7 +38,7 @@ export const PercentInput: FunctionComponent<PercentInputProps> = ({ percentage,
         setInternalPercentage(value);
     };
 
-    const isError = !percentageInRange(internalPercentage);
+    const isError = indicateError || !percentageInRange(internalPercentage);
     return (
         <label className={`input input-bordered flex items-center gap-2 w-32 ${isError ? 'input-error' : ''}`}>
             <input

package/src/preact/components/proportion-selector.tsx

@@ -57,12 +57,22 @@ export const ProportionSelector: FunctionComponent<ProportionSelectorProps> = ({
         setInternalMaxProportion(newMaxProportion);
     };
 
+    const indicateError = internalMinProportion > internalMaxProportion;
+
     return (
         <div class='flex flex-col w-64 mb-2'>
             <div class='flex items-center '>
-                <PercentInput percentage={internalMinProportion * 100} setPercentage={updateMinPercentage} />
+                <PercentInput
+                    percentage={internalMinProportion * 100}
+                    setPercentage={updateMinPercentage}
+                    indicateError={indicateError}
+                />
                 <div class='m-2'>-</div>
-                <PercentInput percentage={internalMaxProportion * 100} setPercentage={updateMaxPercentage} />
+                <PercentInput
+                    percentage={internalMaxProportion * 100}
+                    setPercentage={updateMaxPercentage}
+                    indicateError={indicateError}
+                />
             </div>
             <div class='my-1'>
                 <MinMaxRangeSlider

package/src/preact/dateRangeSelector/date-range-selector.tsx

@@ -20,10 +20,10 @@ export interface DateRangeSelectorProps<CustomLabel extends string> extends Date
 
 export interface DateRangeSelectorPropsInner<CustomLabel extends string> {
     customSelectOptions: CustomSelectOption<CustomLabel>[];
-    earliestDate?: string;
-    initialValue?: PresetOptionValues | CustomLabel;
-    initialDateFrom?: string;
-    initialDateTo?: string;
+    earliestDate: string;
+    initialValue: PresetOptionValues | CustomLabel;
+    initialDateFrom: string;
+    initialDateTo: string;
     dateColumn: string;
 }
 

package/src/preact/lineageFilter/lineage-filter.tsx

@@ -12,8 +12,8 @@ import { useQuery } from '../useQuery';
 
 export interface LineageFilterInnerProps {
     lapisField: string;
-    placeholderText?: string;
-    initialValue?: string;
+    placeholderText: string;
+    initialValue: string;
 }
 
 export interface LineageFilterProps extends LineageFilterInnerProps {

package/src/preact/locationFilter/location-filter.tsx

@@ -11,8 +11,8 @@ import { ResizeContainer } from '../components/resize-container';
 import { useQuery } from '../useQuery';
 
 export interface LocationFilterInnerProps {
-    initialValue?: string;
-    placeholderText?: string;
+    initialValue: string;
+    placeholderText: string;
     fields: string[];
 }
 

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_01.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 25800
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_02.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 16673
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_03.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 7931
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_04.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 2947
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_05.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 2424
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_06.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 2890
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_2024_07.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 0
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_20_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 456
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_21_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 533
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_22_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 1107
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_23_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 1020
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_24_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 880
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_25_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 832
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_26_01_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 635
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_tooManyMutations_total.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 503198
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_week3_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 5213
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_week4_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 5311
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_week5_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 5264
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}

package/src/preact/mutationsOverTime/__mockData__/aggregated_week6_2024.json

@@ -0,0 +1,13 @@
+{
+    "data": [
+        {
+            "count": 4954
+        }
+    ],
+    "info": {
+        "dataVersion": "1722452937",
+        "requestId": "aede768e-d9d1-4273-9a74-992986554995",
+        "requestInfo": "sars_cov-2_nextstrain_open on lapis.cov-spectrum.org at 2024-08-02T06:57:09.319474043",
+        "reportTo": "Please report to https://github.com/GenSpectrum/LAPIS/issues in case you encounter any unexpected issues. Please include the request ID and the requestInfo in your report."
+    }
+}