@genspectrum/dashboard-components 0.10.4 → 0.11.0

package/dist/components.js

@@ -6,7 +6,7 @@ import { options, createContext as createContext$1, Fragment, render } from "pre
 import { Grid } from "gridjs";
 import { Chart, registerables, Scale } from "chart.js";
 import { VennDiagramController, ArcSlice, extractSets } from "chartjs-chart-venn";
-import { n as namedLapisFilterSchema, s as sequenceTypeSchema, m as mutationComparisonViewSchema, v as views, l as lapisFilterSchema, t as temporalGranularitySchema, a as dateRangeOptionSchema, b as toYYYYMMDD, D as DateRangeOptionChangedEvent } from "./dateRangeOption-Doo6WHKu.js";
+import { v as views, n as namedLapisFilterSchema, s as sequenceTypeSchema, l as lapisFilterSchema, t as temporalGranularitySchema, a as dateRangeOptionSchema, b as toYYYYMMDD, D as DateRangeOptionChangedEvent, m as mutationsFilterSchema } from "./dateRangeOption-Bh2p78z0.js";
 import { autoUpdate, computePosition, offset, shift, flip } from "@floating-ui/dom";
 import { ReactiveElement } from "@lit/reactive-element";
 import { BarWithErrorBarsController, BarWithErrorBar } from "chartjs-chart-error-bars";
@@ -2038,6 +2038,7 @@ function useQuery(fetchDataCallback, dependencies) {
   }
   return { data, error: null, isLoading: false };
 }
+const mutationComparisonViewSchema = z$1.union([z$1.literal(views.table), z$1.literal(views.venn)]);
 const mutationComparisonPropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
@@ -5640,11 +5641,11 @@ function filterMutationsData(data, displayedSegments, displayedMutationTypes) {
     gridData: filteredSubstitutionsOrDeletions
   };
 }
-const viewSchema$4 = z$1.union([z$1.literal(views.table), z$1.literal(views.grid), z$1.literal(views.insertions)]);
+const mutationsViewSchema = z$1.union([z$1.literal(views.table), z$1.literal(views.grid), z$1.literal(views.insertions)]);
 const mutationsPropsSchema = z$1.object({
   lapisFilter: lapisFilterSchema,
   sequenceType: sequenceTypeSchema,
-  views: viewSchema$4.array(),
+  views: mutationsViewSchema.array(),
   pageSize: z$1.union([z$1.boolean(), z$1.number()]),
   width: z$1.string(),
   height: z$1.string()
@@ -5956,7 +5957,7 @@ const confidenceIntervalDataLabel = (value, lowerLimit, upperLimit, prefix) => {
 };
 const confidenceIntervalMethodSchema = z$1.union([z$1.literal("wilson"), z$1.literal("none")]);
 const axisMaxSchema = z$1.union([z$1.literal("maxInData"), z$1.literal("limitTo1"), z$1.number()]);
-const yAxisMaxConfigSchema = z$1.object({
+z$1.object({
   linear: axisMaxSchema.optional(),
   logarithmic: axisMaxSchema.optional()
 });
@@ -7019,12 +7020,6 @@ function getMinMaxNumber(values) {
   }
   return [min, max];
 }
-function makeArray(arrayOrSingleItem) {
-  if (Array.isArray(arrayOrSingleItem)) {
-    return arrayOrSingleItem;
-  }
-  return [arrayOrSingleItem];
-}
 Chart.register(...registerables, LogitScale);
 const PrevalenceOverTimeBubbleChart = ({
   data,
@@ -7450,8 +7445,7 @@ class DivisionOperator {
     return { content };
   }
 }
-function queryPrevalenceOverTime(numeratorFilter, denominatorFilter, granularity, smoothingWindow, lapis, lapisDateField, signal) {
-  const numeratorFilters = makeArray(numeratorFilter);
+function queryPrevalenceOverTime(numeratorFilters, denominatorFilter, granularity, smoothingWindow, lapis, lapisDateField, signal) {
   const denominatorData = queryAggregatedDataOverTime(
     denominatorFilter,
     granularity,
@@ -7543,7 +7537,7 @@ const ScalingSelector = ({
     }
   );
 };
-const viewSchema$3 = z$1.union([
+const prevalenceOverTimeViewSchema = z$1.union([
   z$1.literal(views.table),
   z$1.literal(views.bar),
   z$1.literal(views.line),
@@ -7552,11 +7546,11 @@ const viewSchema$3 = z$1.union([
 const prevalenceOverTimePropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
-  numeratorFilter: z$1.union([namedLapisFilterSchema, z$1.array(namedLapisFilterSchema)]),
+  numeratorFilters: z$1.array(namedLapisFilterSchema).min(1),
   denominatorFilter: lapisFilterSchema,
   granularity: temporalGranularitySchema,
   smoothingWindow: z$1.number(),
-  views: z$1.array(viewSchema$3),
+  views: z$1.array(prevalenceOverTimeViewSchema),
   confidenceIntervalMethods: z$1.array(confidenceIntervalMethodSchema),
   lapisDateField: z$1.string().min(1),
   pageSize: z$1.union([z$1.boolean(), z$1.number()]),
@@ -7569,18 +7563,18 @@ const PrevalenceOverTime = (componentProps) => {
   return /* @__PURE__ */ u$1(ErrorBoundary, { size, schema: prevalenceOverTimePropsSchema, componentProps, children: /* @__PURE__ */ u$1(ResizeContainer, { size, children: /* @__PURE__ */ u$1(PrevalenceOverTimeInner, { ...componentProps }) }) });
 };
 const PrevalenceOverTimeInner = (componentProps) => {
-  const { numeratorFilter, denominatorFilter, granularity, smoothingWindow, lapisDateField } = componentProps;
+  const { numeratorFilters, denominatorFilter, granularity, smoothingWindow, lapisDateField } = componentProps;
   const lapis = x(LapisUrlContext);
   const { data, error, isLoading } = useQuery(
     () => queryPrevalenceOverTime(
-      numeratorFilter,
+      numeratorFilters,
       denominatorFilter,
       granularity,
       smoothingWindow,
       lapis,
       lapisDateField
     ),
-    [lapis, numeratorFilter, denominatorFilter, granularity, smoothingWindow, lapisDateField]
+    [lapis, numeratorFilters, denominatorFilter, granularity, smoothingWindow, lapisDateField]
   );
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
@@ -7742,7 +7736,7 @@ var __decorateClass$b = (decorators, target, key, kind) => {
 let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles {
   constructor() {
     super(...arguments);
-    this.numeratorFilter = { displayName: "", lapisFilter: {} };
+    this.numeratorFilters = [];
     this.denominatorFilter = {};
     this.granularity = "day";
     this.smoothingWindow = 0;
@@ -7759,7 +7753,7 @@ let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles
     return /* @__PURE__ */ u$1(
       PrevalenceOverTime,
       {
-        numeratorFilter: this.numeratorFilter,
+        numeratorFilters: this.numeratorFilters,
         denominatorFilter: this.denominatorFilter,
         granularity: this.granularity,
         smoothingWindow: this.smoothingWindow,
@@ -7777,7 +7771,7 @@ let PrevalenceOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles
 };
 __decorateClass$b([
   n2({ type: Object })
-], PrevalenceOverTimeComponent.prototype, "numeratorFilter", 2);
+], PrevalenceOverTimeComponent.prototype, "numeratorFilters", 2);
 __decorateClass$b([
   n2({ type: Object })
 ], PrevalenceOverTimeComponent.prototype, "denominatorFilter", 2);
@@ -8041,16 +8035,17 @@ function toYearMonthDay(d2) {
     count: d2.count
   };
 }
-const viewSchema$2 = z$1.literal(views.line);
+const relativeGrowthAdvantageViewSchema = z$1.literal(views.line);
 const relativeGrowthAdvantagePropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
   numeratorFilter: lapisFilterSchema,
   denominatorFilter: lapisFilterSchema,
   generationTime: z$1.number(),
-  views: z$1.array(viewSchema$2),
+  views: z$1.array(relativeGrowthAdvantageViewSchema),
   lapisDateField: z$1.string().min(1),
-  yAxisMaxConfig: yAxisMaxConfigSchema
+  yAxisMaxLinear: axisMaxSchema,
+  yAxisMaxLogarithmic: axisMaxSchema
 });
 const RelativeGrowthAdvantage = (componentProps) => {
   const { width, height } = componentProps;
@@ -8107,7 +8102,10 @@ const RelativeGrowthAdvantageTabs = ({
                 params: data.params
               },
               yAxisScaleType,
-              yAxisMaxConfig: originalComponentProps.yAxisMaxConfig
+              yAxisMaxConfig: {
+                linear: originalComponentProps.yAxisMaxLinear,
+                logarithmic: originalComponentProps.yAxisMaxLogarithmic
+              }
             }
           )
         };
@@ -8202,10 +8200,8 @@ let RelativeGrowthAdvantageComponent = class extends PreactLitAdapter {
         width: this.width,
         height: this.height,
         lapisDateField: this.lapisDateField,
-        yAxisMaxConfig: {
-          linear: this.yAxisMaxLinear,
-          logarithmic: this.yAxisMaxLogarithmic
-        }
+        yAxisMaxLinear: this.yAxisMaxLinear,
+        yAxisMaxLogarithmic: this.yAxisMaxLogarithmic
       }
     );
   }
@@ -8288,11 +8284,11 @@ const AggregateTable = ({ data, fields, pageSize }) => {
   ];
   return /* @__PURE__ */ u$1(Table, { data, columns: headers, pageSize });
 };
-const viewSchema$1 = z$1.literal(views.table);
+const aggregateViewSchema = z$1.literal(views.table);
 const aggregatePropsSchema = z$1.object({
-  filter: lapisFilterSchema,
+  lapisFilter: lapisFilterSchema,
   fields: z$1.array(z$1.string().min(1)),
-  views: z$1.array(viewSchema$1),
+  views: z$1.array(aggregateViewSchema),
   initialSortField: z$1.string(),
   initialSortDirection: z$1.union([z$1.literal("ascending"), z$1.literal("descending")]),
   pageSize: z$1.union([z$1.boolean(), z$1.number()]),
@@ -8305,11 +8301,14 @@ const Aggregate = (componentProps) => {
   return /* @__PURE__ */ u$1(ErrorBoundary, { size, schema: aggregatePropsSchema, componentProps, children: /* @__PURE__ */ u$1(ResizeContainer, { size, children: /* @__PURE__ */ u$1(AggregateInner, { ...componentProps }) }) });
 };
 const AggregateInner = (componentProps) => {
-  const { fields, filter, initialSortField, initialSortDirection } = componentProps;
+  const { fields, lapisFilter, initialSortField, initialSortDirection } = componentProps;
   const lapis = x(LapisUrlContext);
   const { data, error, isLoading } = useQuery(async () => {
-    return queryAggregateData(filter, fields, lapis, { field: initialSortField, direction: initialSortDirection });
-  }, [filter, fields, lapis]);
+    return queryAggregateData(lapisFilter, fields, lapis, {
+      field: initialSortField,
+      direction: initialSortDirection
+    });
+  }, [lapisFilter, fields, lapis]);
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
   }
@@ -8376,7 +8375,7 @@ let AggregateComponent = class extends PreactLitAdapterWithGridJsStyles {
     super(...arguments);
     this.fields = [];
     this.views = ["table"];
-    this.filter = {};
+    this.lapisFilter = {};
     this.width = "100%";
     this.height = "700px";
     this.initialSortField = "count";
@@ -8389,7 +8388,7 @@ let AggregateComponent = class extends PreactLitAdapterWithGridJsStyles {
       {
         fields: this.fields,
         views: this.views,
-        filter: this.filter,
+        lapisFilter: this.lapisFilter,
         width: this.width,
         height: this.height,
         initialSortField: this.initialSortField,
@@ -8407,7 +8406,7 @@ __decorateClass$9([
 ], AggregateComponent.prototype, "views", 2);
 __decorateClass$9([
   n2({ type: Object })
-], AggregateComponent.prototype, "filter", 2);
+], AggregateComponent.prototype, "lapisFilter", 2);
 __decorateClass$9([
   n2({ type: String })
 ], AggregateComponent.prototype, "width", 2);
@@ -8566,11 +8565,10 @@ const NumberSequencesOverTimeTable = ({ data, granularity, pageSize }) => {
   }, [data, granularity]);
   return /* @__PURE__ */ u$1(Table, { data: flatTableData, columns, pageSize });
 };
-async function queryNumberOfSequencesOverTime(lapis, lapisFilter, lapisDateField, granularity, smoothingWindow) {
-  const lapisFilters = makeArray(lapisFilter);
-  const queries = lapisFilters.map(async ({ displayName, lapisFilter: lapisFilter2 }) => {
+async function queryNumberOfSequencesOverTime(lapis, lapisFilters, lapisDateField, granularity, smoothingWindow) {
+  const queries = lapisFilters.map(async ({ displayName, lapisFilter }) => {
     const { content } = await queryAggregatedDataOverTime(
-      lapisFilter2,
+      lapisFilter,
       granularity,
       smoothingWindow,
       lapisDateField
@@ -8590,7 +8588,7 @@ const numberSequencesOverTimeViewSchema = z$1.union([
 const numberSequencesOverTimePropsSchema = z$1.object({
   width: z$1.string(),
   height: z$1.string(),
-  lapisFilter: z$1.union([namedLapisFilterSchema, z$1.array(namedLapisFilterSchema)]),
+  lapisFilters: z$1.array(namedLapisFilterSchema).min(1),
   lapisDateField: z$1.string().min(1),
   views: z$1.array(numberSequencesOverTimeViewSchema),
   granularity: temporalGranularitySchema,
@@ -8603,11 +8601,11 @@ const NumberSequencesOverTime = (componentProps) => {
   return /* @__PURE__ */ u$1(ErrorBoundary, { size, componentProps, schema: numberSequencesOverTimePropsSchema, children: /* @__PURE__ */ u$1(ResizeContainer, { size, children: /* @__PURE__ */ u$1(NumberSequencesOverTimeInner, { ...componentProps }) }) });
 };
 const NumberSequencesOverTimeInner = (componentProps) => {
-  const { lapisFilter, lapisDateField, granularity, smoothingWindow } = componentProps;
+  const { lapisFilters, lapisDateField, granularity, smoothingWindow } = componentProps;
   const lapis = x(LapisUrlContext);
   const { data, error, isLoading } = useQuery(
-    () => queryNumberOfSequencesOverTime(lapis, lapisFilter, lapisDateField, granularity, smoothingWindow),
-    [lapis, lapisFilter, lapisDateField, granularity, smoothingWindow]
+    () => queryNumberOfSequencesOverTime(lapis, lapisFilters, lapisDateField, granularity, smoothingWindow),
+    [lapis, lapisFilters, lapisDateField, granularity, smoothingWindow]
   );
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
@@ -8725,7 +8723,7 @@ var __decorateClass$8 = (decorators, target, key, kind) => {
 let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsStyles {
   constructor() {
     super(...arguments);
-    this.lapisFilter = { displayName: "", lapisFilter: {} };
+    this.lapisFilters = [];
     this.lapisDateField = "";
     this.views = ["bar", "line", "table"];
     this.width = "100%";
@@ -8738,7 +8736,7 @@ let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsS
     return /* @__PURE__ */ u$1(
       NumberSequencesOverTime,
       {
-        lapisFilter: this.lapisFilter,
+        lapisFilters: this.lapisFilters,
         lapisDateField: this.lapisDateField,
         views: this.views,
         width: this.width,
@@ -8752,7 +8750,7 @@ let NumberSequencesOverTimeComponent = class extends PreactLitAdapterWithGridJsS
 };
 __decorateClass$8([
   n2({ type: Object })
-], NumberSequencesOverTimeComponent.prototype, "lapisFilter", 2);
+], NumberSequencesOverTimeComponent.prototype, "lapisFilters", 2);
 __decorateClass$8([
   n2({ type: String })
 ], NumberSequencesOverTimeComponent.prototype, "lapisDateField", 2);
@@ -9199,11 +9197,11 @@ function useWebWorker(messageToWorker, WorkerConstructor) {
   }, [messageToWorker, worker]);
   return { data, error, isLoading };
 }
-const viewSchema = z$1.literal(views.grid);
+const mutationsOverTimeViewSchema = z$1.literal(views.grid);
 const mutationOverTimeSchema = z$1.object({
   lapisFilter: lapisFilterSchema,
   sequenceType: sequenceTypeSchema,
-  views: z$1.array(viewSchema),
+  views: z$1.array(mutationsOverTimeViewSchema),
   granularity: temporalGranularitySchema,
   lapisDateField: z$1.string().min(1),
   width: z$1.string(),
@@ -10630,7 +10628,7 @@ const dateRangeSelectorInnerPropsSchema = z$1.object({
   initialValue: z$1.string().optional(),
   initialDateFrom: z$1.string().date().optional(),
   initialDateTo: z$1.string().date().optional(),
-  dateColumn: z$1.string().min(1)
+  lapisDateField: z$1.string().min(1)
 });
 const dateRangeSelectorPropsSchema = dateRangeSelectorInnerPropsSchema.extend({
   width: z$1.string()
@@ -10644,7 +10642,7 @@ const DateRangeSelectorInner = ({
   dateRangeOptions,
   earliestDate = "1900-01-01",
   initialValue,
-  dateColumn,
+  lapisDateField,
   initialDateFrom,
   initialDateTo
 }) => {
@@ -10746,8 +10744,8 @@ const DateRangeSelectorInner = ({
     const dateFrom = dateFromPicker == null ? void 0 : dateFromPicker.selectedDates[0];
     const dateTo = dateToPicker == null ? void 0 : dateToPicker.selectedDates[0];
     const detail = {
-      ...dateFrom !== void 0 && { [`${dateColumn}From`]: toYYYYMMDD(dateFrom) },
-      ...dateTo !== void 0 && { [`${dateColumn}To`]: toYYYYMMDD(dateTo) }
+      ...dateFrom !== void 0 && { [`${lapisDateField}From`]: toYYYYMMDD(dateFrom) },
+      ...dateTo !== void 0 && { [`${lapisDateField}To`]: toYYYYMMDD(dateTo) }
     };
     (_a = divRef.current) == null ? void 0 : _a.dispatchEvent(
       new CustomEvent("gs-date-range-filter-changed", {
@@ -10820,7 +10818,7 @@ let DateRangeSelectorComponent = class extends PreactLitAdapter {
     this.initialDateFrom = void 0;
     this.initialDateTo = void 0;
     this.width = "100%";
-    this.dateColumn = "";
+    this.lapisDateField = "";
   }
   render() {
     return /* @__PURE__ */ u$1(
@@ -10831,7 +10829,7 @@ let DateRangeSelectorComponent = class extends PreactLitAdapter {
         initialValue: this.initialValue,
         initialDateFrom: this.initialDateFrom,
         initialDateTo: this.initialDateTo,
-        dateColumn: this.dateColumn,
+        lapisDateField: this.lapisDateField,
         width: this.width
       }
     );
@@ -10857,7 +10855,7 @@ __decorateClass$4([
 ], DateRangeSelectorComponent.prototype, "width", 2);
 __decorateClass$4([
   n2({ type: String })
-], DateRangeSelectorComponent.prototype, "dateColumn", 2);
+], DateRangeSelectorComponent.prototype, "lapisDateField", 2);
 DateRangeSelectorComponent = __decorateClass$4([
   t$2("gs-date-range-selector")
 ], DateRangeSelectorComponent);
@@ -11402,14 +11400,8 @@ const parseAndValidateMutation = (value, referenceGenome) => {
   }
   return null;
 };
-const selectedMutationFilterStringsSchema = z$1.object({
-  nucleotideMutations: z$1.array(z$1.string()),
-  aminoAcidMutations: z$1.array(z$1.string()),
-  nucleotideInsertions: z$1.array(z$1.string()),
-  aminoAcidInsertions: z$1.array(z$1.string())
-});
 const mutationFilterInnerPropsSchema = z$1.object({
-  initialValue: z$1.union([selectedMutationFilterStringsSchema.optional(), z$1.array(z$1.string()), z$1.undefined()])
+  initialValue: z$1.union([mutationsFilterSchema.optional(), z$1.array(z$1.string()), z$1.undefined()])
 });
 const mutationFilterPropsSchema = mutationFilterInnerPropsSchema.extend({
   width: z$1.string()